:root {
    --pri-clr-1: #0F5247;
    --pri-clr-1-op: rgba(15, 82, 71, 0.8);
    --pri-clr-2: #8CC24A;
    --pri-clr-3: #B53370;
    --pri-clr-4: #F7BF14;
    --pri-clr-5: #000000;
    --pri-clr-6: #757575;
    --pri-clr-7: #C6C6C6;
    --hov-clr-1: #7EAE43;
}

html {
    scroll-behavior: smooth;
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    width: 100%;
    height: 100vh;
    color: 	#757575;
}


@font-face {
    font-family: 'Campton Book';
    src: url('../fonts/Campton-Bold.woff2') format('woff2'),
        url('../fonts/Campton-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    
}


/* FONT & TEXT STYLING */
* {
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    color: var(--pri-clr-1);
    font-family: 'Campton Book';
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

h1, h1 span {
    font-size: 92px;
    line-height: 96px;

}

h2, h2 span, .titels h1, .titels h1 span {
    font-size: 72px;
    line-height: 72px;
    
}

h3, h3 span {
    font-size: 48px;
    line-height: 64px;
}

h4, h4 span {
    font-size: 30px;
    line-height: 36px;
}

h5, h5 span {
    font-size: 24px;
    line-height: 30px;
}

h6, h6 span {
    font-size: 20px;
    line-height: 24px;
}

p, a, u, span, select, section, td, th, option, form, input, ul, ol, li, textarea, label, button, input, iframe, table {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 34px;
    -webkit-font-smoothing: antialiased;
}

b{
    font-weight: bold;
}
/* GENERAL STYLING */

:focus {
    outline: none;
}

.lockScroll {
    width: 100%;
    overflow: hidden;
    position: fixed;
}

.render-content {
    position: relative;
}

.total-cover {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 5;
    top: 0;
    left: 0;
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.main-content-wrapper {
    width: 100%;
    position: relative;
}

.content-body{
    background-color: #FFFFFF;
    z-index: 2;
    margin-top: -100px;
    width: 100%;
    position: relative;
    padding-top: 100px;
    padding-bottom: 200px;
    border-radius: 100px 0 0 0 ;
    -webkit-border-radius: 100px 0 0 0 ;
    -moz-border-radius: 100px 0 0 0 ;
    -ms-border-radius: 100px 0 0 0 ;
    -o-border-radius: 100px 0 0 0 ;
}


picture{
    display: block;
    line-height: 0;
    width: 100%;
}

picture img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

picture.image-element img{
    position: relative;
}

/* SECTION STYLING */

.plate--container {
    width: 100%;
    max-width: 1464px;
    padding-left: 8px;
    padding-right: 8px;
}

.plate--row{
    margin-right: -8px;
    margin-left: -8px;
    width: 100%;
}

.plate--column{
    padding-right: 8px;
    padding-left: 8px;
    width: 100%;
}

.section-container {
    position: relative;
    width: 100%;
}

.section-content {
    position: relative;
    z-index: 2;
}
.images-section {
 
    min-height: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.images-section .section-wrapper{
    padding-top: 75px;
    padding-bottom: 75px;
}

.images-section[minheight='true']{
    min-height: unset;
}

.section-wrapper .plate--container{
    position: relative;

}

.section-wrapper:before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.right .section-image{
    background-position: right center;
}

.left .section-image{
    background-position: left center;
}

.section-image, .accordion-image-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 37%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-image{
    max-height: 980px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.images-section .section-image.section-image-desktop{
    max-height: 750px;
}
.section-image.frame.image-right.left{
    width: 40%;   
}

.image-left.right .section-image{
    width: 47%;
}

.left img{
    -o-object-position: left center;
       object-position: left center;
}

.right img{
    -o-object-position: right center;
       object-position: right center;
}
.accordion-image-wrapper{
    height: calc(100% + 240px);
    top: -100px;
    width: 44%;
}
.image-right .section-image, .accordion-image-wrapper {
    left: unset;
    right: 0;
}
.image-right.contain .section-image  {
    left: unset;
    top: 31%;
    right: 0;
    height: 80%;
    max-height: 1030px;
    background-size: contain;
    background-position: left center;
}
.image-right.contain .section-image img{
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left center;
       object-position: left center;
}
.image-right.contain.cover .section-image, .accordion-image-wrapper .data-image {
    left: unset;
    top: 31%;
    right: 0;
    height: 80%;
    background-size: cover;
    background-position: left center;
    width: 47%;
}

.image-right.contain.cover .section-image img{
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left center;
       object-position: left center;
}
.accordion-image-wrapper .data-image[data-cover='true'] {
    background-size: cover;
}

.accordion-image-wrapper .data-image{
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 1115px;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.accordion-sectie{
    position: relative;
    z-index: 3;
}
.accordion-image-wrapper .data-image.mobile-image{
    display: none;
}

.image-right.contain::before{
    content: url('../images/effect.svg');;
    position: absolute;
    top: 20%;
    right: 0;
    width: 27%;
}

.accordion-wrapper{
    display: block;
    position: relative;
}

.accordion-wrapper .knop {
    margin-top: 40px;
    margin-bottom: 160px;
}

.accordion-image-wrapper::before{
    content: url('../images/effect.svg');;
    position: absolute;
    top: -10%;
    right: 0;
    width: 60%;
}

.contain-image-section{
    z-index: 3;
    position: relative;
}
.paragraph li, .paragraph ul, .checklist li, .checklist ul{
    position: relative;
    list-style: none;
}


/* DISPLAY FLEX STYLING */

.fl-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jc-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.jc-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jc-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.jc-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ai-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ai-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

a:hover{
    text-decoration: none;
}


p a{
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: var(--pri-clr-2);
    font-weight: bold;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

p a:hover{
    color: var(--hov-clr-1);
}

/* 404 MESSAGE  */

.error-message {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 3;
}

/* COOKIE */
body .cc-theme-classic .cc-btn:last-child{
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    color: white;
}
body .cc-theme-classic .cc-btn{
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
body .cc-banner.cc-bottom{
    border-top: 2px solid var(--pri-clr-1);
   
}

body .cc-theme-classic .cc-btn:hover{
    background-color: var(--pri-clr-1-op)!important;
}

/* NAVIGATION STYLING */

.navigation {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}



.navbar {
    position: relative;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.navbar-wrapper{
    position: relative;
}

.menu-open{
    background-color: var(--pri-clr-1)
}

.menu-open.fixed-header .navbar-wrapper::before{
    display: none;
}
.navbar-wrapper::before{
    opacity: 0;
    content: '';
    position: absolute;
    width: 400%;
    height: 128px;
    top: 0;
    left: -150%;
    border-bottom: 1px solid #f4f5f8;
    background-color: white;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.mega-menu__overlay .navbar-wrapper::before,
.fixed-header .navbar-wrapper::before{
    opacity: 1;
}

.navbar-inner {
    position: relative;
    height: 130px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}


/* .fixed-header .navbar{
    background-color: white;
} */

.navbar-brand {
    position: relative;
    margin-right: 95px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 99;
    margin-top: auto;
    margin-bottom: 4px;
}

.navbar-brand img {
    height: 38px;
    width: auto;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    visibility: visible;
}

.navbar-brand img.logo.diap{
    position: absolute;
    top: 6px;
    width: auto;
    height: 38px;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.secd-logo{
    display: none;
}

.menu-open 
.menu-open, .menu-open.fixed{
    background-color: var(--pri-clr-1);
}
.fixed-header .navbar-brand img.logo.diap,
.mega-menu__overlay .navbar-brand img.logo.diap{
    opacity: 1;
    visibility: visible;
}


.menu-open .navbar-brand img.logo.diap,
.menu-open.fixed-header .navbar-brand img.logo.diap,
.menu-open.mega-menu__overlay .navbar-brand img.logo.diap {
    opacity: 0;
    visibility: hidden;
}

.fixed-header .navbar-brand img.logo.diap,
.menu-open.fixed-header .navbar-brand img.logo.normal,
.mega-menu__overlay .navbar-brand img.logo.diap{
    opacity: 1;
    visibility: visible;
}

.fixed-header .navbar-brand img.logo.normal,
.mega-menu__overlay .navbar-brand img.logo.normal{
    opacity: 0;
    visibility: hidden;
}


.navbar-nav .nav-item.dropdown{
    padding-right: 62px;
}

.navbar-nav .nav-item.dropdown:after{
    content: url('../images/arrowdown.svg');
    position: absolute;
    right: 38px;
    height: 18px;
    width: 12px;
    top: 5px;
    line-height: 0;
    opacity: .6;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    filter: grayscale(50) brightness(0) invert(1);
    -webkit-filter: grayscale(50) brightness(0) invert(1);
}

.navbar-nav .nav-item.dropdown.active::after, 
.navbar-nav .nav-item.dropdown.hovered-nav-item::after{
    opacity: 1;
} 
.fixed-header .navbar-nav .nav-item.dropdown:after, 
.mega-menu__overlay .navbar-nav .nav-item.dropdown:after{
    filter: none;
    -webkit-filter: none;
}
.navbar-collapse .navbar-nav .nav-item .nav-link:before, .mega-menu-container .nav-item .nav-link h6:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 2px;
    bottom: -3px;
    background-color: var(--pri-clr-2);
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}

.mega-menu-container .nav-item .nav-link h6:before{
    bottom: -1px;
}

.mega-menu-container .nav-link{
    display: block;
    position: relative;
}

.mega-menu-container .nav-link h6{
    display: inline-block;
    position: relative;
}
.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item.hovered-nav-item .nav-link{
    opacity: 1;
}
.navbar-collapse .nav-item.active .nav-link:before , .nav-item.hovered-nav-item .nav-link:before, .mega-menu-container .nav-item.active .nav-link h6:before{
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}
.nav-down .navigation.mega-menu__active, .nav-down .menu-open{
    transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important;
    -moz-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    -o-transform: translateY(0)!important;
}
.nav-down .navigation{
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}

.navbar-collapse {
    position: relative;
    width: 100%;
}

.navbar-nav {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.navbar-nav .nav-item {
    padding-right: 38px;
}


.navbar-nav .nav-item .nav-link{
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    opacity: .6;
    font-size: 20px;
    line-height: 18px;
    color: white;
    font-family: 'Campton Book';
    font-weight: bold;
    font-style: normal;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
}

.navbar-nav .nav-item.hovered-nav-item .nav-link, .navbar .nav-item:hover .nav-link{
    opacity: 1;
}
.mega-menu__overlay:before{
    content: '';
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 15;
    opacity: 50%;
}
.mega-menu__overlay .navbar-nav .nav-item .nav-link, .fixed-header .navbar-nav .nav-item .nav-link {
    color: var(--pri-clr-1);
}

.navbar-nav .nav-item.last {
    padding-right: 0;
}

/* LANGUAGE */
.hide-lang{
    display: none;
}
.language.nav-item{
    padding-right: 0;
}
.language-switcher{
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.35); 
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 48px;
    min-height: 48px;
}

.language-switcher .language-dropdown li{
    padding-bottom: 10px;
    line-height: 20px;
}

.language-switcher .language-dropdown{
    position: absolute;
    list-style: none;
    padding-left: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    border-radius: 0 0 50px 50px;
    padding-bottom: 0px;
    width: calc(100% + 4px);
    left: -2px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-width: 0px 2px 2px 2px;
    top: 46px;
}

.language-switcher .language-dropdown-btn{
    line-height: 43px;
    height: 44px;
    color: white;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.language-switcher:hover {
    border-width: 2px 2px 0 2px;
    border-radius: 50px 50px 0 0px;
    -webkit-border-radius: 50px 50px 0 0px;
    -moz-border-radius: 50px 50px 0 0px;
    -ms-border-radius: 50px 50px 0 0px;
    -o-border-radius: 50px 50px 0 0px;
}
.language-switcher:hover .language-dropdown{
    height: auto;
    overflow: visible;
    visibility: visible;
    text-align: center;
}

.fixed-header .language-switcher, 
.fixed-header .language-switcher:hover .language-dropdown,
.mega-menu__active .language-switcher,
.mega-menu__active .language-switcher:hover .language-dropdown,
.lock-scroll .language-switcher,
.lock-scroll .language-switcher:hover .language-dropdown{
    background: white;
    border-color: #D8ECE7;
    color: var(--pri-clr-1);
}

.fixed-header .language-switcher .language-dropdown-btn,
.mega-menu__active .language-switcher .language-dropdown-btn,
.fixed-header .language-switcher:hover .language-dropdown a,
.mega-menu__active .language-switcher .language-dropdown a,
.lock-scroll .language-switcher .language-dropdown-btn,
.lock-scroll .language-switcher:hover .language-dropdown a{
    color: var(--pri-clr-1);
}

.language-switcher:hover .language-dropdown a{
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
}

/* CHECKBOX */
.paragraph li::before{
    content: '';
    top: 14px;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--pri-clr-2);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    left: -33px;
}

.paragraph ul li b{
    color: black;
}


.checklist ul{
    padding-left: 55px;
}

.checklist li{
    margin-bottom: 30px;
}


#list-slider .cta-blok-image h4{
    margin-bottom: 30px;
}

#list-slider .checklist li{
    margin-bottom: 2px;
}

.checklist li:nth-last-child(1){
    margin-bottom: 0px;
}

.checklist li::before{
    content: url('../images/checkmark.svg');
    top: -1px;
    position: absolute;
    width: 8px;
    height: 8px;
    left: -45px;
}

/* DROPDOWN STYLING */

.dropdown-menu.active, .dropdown:hover .dropdown-menu  {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: none;
    min-width: 100px;
    padding: 10px 0;
    margin: 0 0 0 0;
    border-radius: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 5px 15px;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    text-decoration: none;
}

.mega-menu-container {
    position: relative;
    width: 100%;
    background: transparent;
    height: 0;
    opacity: 0;
    top: -2px;
    display: block;
    overflow: hidden;
    -webkit-transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, -webkit-transform .3s 0ms ease-in-out;
    transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, -webkit-transform .3s 0ms ease-in-out;
    transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, transform .3s 0ms ease-in-out;
    transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, transform .3s 0ms ease-in-out, -webkit-transform .3s 0ms ease-in-out;
    -webkit-transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, transform .3s 0ms ease-in-out;
    -moz-transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, transform .3s 0ms ease-in-out;
    -ms-transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, transform .3s 0ms ease-in-out;
    -o-transition: height 0ms .3s ease-in-out, opacity .3s 0ms ease-in-out, transform .3s 0ms ease-in-out;
}

.post-nav .mega-menu-container {
    margin-top: -48px;
}

.mega-menu__active .mega-menu-container {
    opacity: 1;
    height: auto;
    transition: height 0s 0s, opacity .3s 0s;
    -webkit-transition: height 0s 0s, opacity .3s 0s;
    -moz-transition: height 0s 0s, opacity .3s 0s;
    -ms-transition: height 0s 0s, opacity .3s 0s;
    -o-transition: height 0s 0s, opacity .3s 0s;
}

.mega-menu-wrapper {
    position: relative;
    width: 100%;
}

.mega-menu {
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 120px;
    padding-right: 120px;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid #EAEBEF;
}

.mega-menu.active {
    visibility: visible;
    opacity: 1;
    z-index: 111;
}

.mega-menu__items {
    position: relative;
    margin-right: 0px;
    width: 100%;
}


.mega-menu__items .nav-item{
    width: calc(100% / 3);
    padding-right: 40px;
}


.mega-menu__items .nav-item:nth-last-child(1){
    padding-right: 0px;
}

.mega-menu__nav {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}

.mega-menu__nav .nav-item .nav-link {
    padding: 0px 0 4px 0;
    position: relative;
}

.mega-menu__cta {
    position: relative;
}
.mega-menu__cta .cta-item {
    margin-bottom: 0;
}

.mega-menu__cta .cta-item-inner {
    padding: 35px;
}
/* NAVBAR TOGGLER STYLING */

.navbar-toggler {
    display: none;
    padding-right: 0;
    z-index: 100;
}

.navbar-toggler:focus {
    outline: none;
}

.bars {
    position: relative;
    height: auto;
    width: 18px;
}

.bar {
    width: 100%;
    height: 2px;
    background: white;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border-radius: 16px;
}

.fixed-header .bar{
    background-color: var(--pri-clr-1);
}

.menu-open .bar, .menu-open.fixed-header .bar{
    background-color: #57867f;
}

.menu-open .bar.bar-3, .menu-open .bar.bar-1{
    width: 22.65px;
}

.bar.bar-3 {
    margin-bottom: 0;
    
}

.bar.bar-3, .bar.bar-1{
    width: 80%;
    margin-left: auto;
}

.menu-open .bars {
    margin: 0;
}

.menu-open .bar-1 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.menu-open .bar-3 {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: -14px;
}

.menu-open .bar-2 {
    opacity: 0;
}

/* BUTTONS */

.button {
    position: relative;
    min-width: 170px;
    height: 64px;
    display: inline-block;
    cursor: pointer;
    background-color: var(--pri-clr-2);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 34px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -ms-border-radius: 34px;
    -o-border-radius: 34px;
}

.button.send{
    margin-top: 40px;
}

.text-button{
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.text-button a{
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    color: var(--pri-clr-1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.text-button svg{
    width: 4px;
    margin-right: 9px;
    display: none;
}
.text-button svg path{
    stroke: var(--pri-clr-1);
}
.button:hover{
    background-color: var(--hov-clr-1);
}
.button{
    margin-right: 24px;
    border: 2px solid transparent;
}

.button input {
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: white;
    height: 100%;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding: 10px 24px;
    font-weight: bold;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.button a {
    font-weight: bold;
    position: relative;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    height: 100%;
    min-width: 170px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px 24px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.button.arr a{
    padding-left: 84px;
    padding-right: 42px;
    color: var(--pri-clr-1);
    min-width: unset;
}

.button.arr{
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    min-width: unset;
}

.button.arr a{
    z-index: 4;
}

.button.arr:hover a{
    color: #FFFFFF;
}

.button.arr::before, .header-link-inner::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    height: 64px;
    width: 64px;
    z-index: 3;
    background-color: white;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 2px solid #D8ECE7;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}


.header-link-inner::before {
    cursor: pointer;
    background-color: transparent;
    left: unset;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 60px;
}

.header-link-inner:hover:before{
    background-color: var(--pri-clr-1);
    border-color: var(--pri-clr-1);
}

.header-link-inner .total-cover{
    z-index: 22;
}
.button.arr::after {
    content: url('../images/arrowright.svg');
    position: absolute;
    z-index: 4;
    width: 6px;
    top: 11px;
    left: 28px;
    transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    line-height: 35px;
}

.button.arr.back::after{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


.header-link-inner::after{
    content: url('../images/arrowright.svg');
    position: absolute;
    z-index: 4;
    width: 6px;
    top: 50%;
    right: 88px;
    transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.text-button::before {
    content: url('../images/arrowright.svg');
    position: absolute;
    z-index: 4;
    width: 4px;
    top: -8px;
    left: 0px;
    transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    height: 23px;
}

.button.arr:hover::after {
    content: url('../images/arrowlongright.svg');
    left: 40px;
    width: 18px;
    top: 15px
}

.header-link-inner:hover::after{
    content: url('../images/arrowlongright.svg');
    width: 18px;
    top: 52%;
    right: 83px;
}
.text-button:hover::before {
    content: url('../images/arrowlongdarkright.svg');
    left: 0px;
    width: 10px;
    top: -7px;
}

.text-button:hover{
    padding-left: 17px;
}

.button.txl, .button.txb{
    padding: 0 0 0 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    min-width: unset;
    height: auto;
}

.button.txl a, .button.txb a{
    min-width: unset;
    text-align: left;
    color: var(--pri-clr-2);
    padding: 0 0 0 0;
    line-height: 25px;
}

.button.txl a::before{
    content: '';
    position: absolute;
    height: 1.5px;
    background-color: var(--pri-clr-2);
    bottom: -3px;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.button.txl:hover a::before{
    background-color: var(--hov-clr-1);
    bottom: 0;
    opacity: 1;
}


.button.txl:hover a, .button.txb:hover a{
    color: var(--hov-clr-1);
}
.button.arr:hover::before {
    width: calc(100% + 4px);
    background-color: var(--pri-clr-1);
    border-color: var(--pri-clr-1);
}
.button.pri--s, .button.dcb--s, .button.lcb--s, .button.tra--s{
    height: 48px;
}
.button.tra--s{
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.button.tra--s:hover{
    background-color: var(--pri-clr-1);
    border: 2px solid var(--pri-clr-1);
}

.button.pri--s a, .button.dcb--s a, .button.lcb--s a{
    font-size: 14px;
    line-height: 20px;
}


.navigation .button{
    margin-left: 16px;
    margin-right: 0;
}
.navigation .button, .navigation .button a {
    min-width: unset;
}
.button.dcb, .button.dcb--s {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
}

.button.dcb:hover, .button.dcb--s:hover {
    background-color: #ffffff;
    border-color: rgba(255, 255, 255, 1);
}

.button.lcb:hover, .button.lcb--s:hover, .mega-menu__overlay .button.dcb--s:hover, .fixed-header .button.dcb--s:hover, .button.dcb--s.hide:hover {
    background-color: var(--pri-clr-1);
    border-color: var(--pri-clr-1);
}

.lock-scroll .button.dcb--s:hover{
    border-color: var(--pri-clr-1);
}

.button.lcb, .button.lcb--s, .menu-open .button.dsb--s, .fixed-header .button.dcb--s, .button.dcb--s.btn-hide, .mega-menu__overlay .button.dcb--s   {
    background-color: white;
    border-color: #D8ECE7;
}

.button.btn-hide a, 
.button.btn-hide{
    min-width: unset;
}

.button.dcb:hover a, .button.dcb--s:hover a, .button.lcb a, .button.lcb--s a, .fixed-header .button.dcb--s a, .mega-menu__overlay .button.dcb--s a {
    color: var(--pri-clr-1);
}

.button.lcb:hover a, .button.lcb--s:hover a, .mega-menu__overlay .button.dcb--s:hover a, .fixed-header .button.dcb--s:hover a{
    color: #ffffff;
}


/* HOME HEADER */

.home-header {
    height: auto;
    min-height: calc(100vh + 110px);
}


/* POST HEADER */

.post-header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #0c332e;
    padding: 130px 0 200px;
}

.post-header-wrapper .image-inner{
    width: 100%;
    height: 100%;
}

.post-header-wrapper .item-image{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: white;
    border: 10px solid white;
    margin-bottom: 17px;
}

.post-header-wrapper .header-link{
    position: absolute;
    background-color: #F4F5F8;
    border-radius: 32px 0 0 0;
    -webkit-border-radius: 32px 0 0 0;
    -moz-border-radius: 32px 0 0 0;
    -ms-border-radius: 32px 0 0 0;
    -o-border-radius: 32px 0 0 0;
    right: 0;
    bottom: 100px;
    min-height: 140px;
    z-index: 2;
}

.header-link-inner{
    min-height: 140px;
    position: relative;
    padding: 45px 250px 45px 60px
}
.post-header-wrapper .content-wrapper{
    width: 100%;
}
.post-header-wrapper h1{
    color: white;
    max-width: 1000px;
}

.post-header-wrapper.default-header::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('../images/header.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.post-header-wrapper.low-header{
    min-height: 690px;
}

.post-header-wrapper.low-header h1{
    font-size: 72px;
    line-height: 72px;
    text-align: center;
}

.post-header-wrapper.home-header::before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent -o-linear-gradient(79deg, var(--pri-clr-1) 0%, rgba(15, 82, 71, 0.945) 7%, rgba(15, 82, 71, 0) 100%);
    background: transparent linear-gradient(11deg, var(--pri-clr-1) 0%, rgba(15, 82, 71, 0.945) 7%, rgba(15, 82, 71, 0) 100%);
    z-index: 1;
}

.post-header-inner {
    position: relative;
    z-index: 2;
}

.post-head{
    margin-bottom: 40px;
}

.post-head-top{
    margin-bottom: 72px;
}

.post-head-top .button{
    margin-right: 0;
}
.post-head .share{
    padding: 13.5px 25px;
    background: #F4F5F8;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

.post-head .social_media a {
    position: relative;
    height: 100%;
    display: inline-block;
    margin-right: 15px;
}

.social_media a:before {
    content: '';
    background: transparent;
    border-radius: 100%;
    display: inline-block;
    vertical-align: baseline;
    font-family: 'FontAwesome';
    color: white;
    border: 1px solid rgba(255, 255, 255, .3);
    text-align: center;
    font-size: 26px;
    z-index: 2;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.social_media h6{
    font-size: 18px;
    line-height: 26px;
    margin-right: 15px;
    font-family: 'Roboto', sans-serif;
}
.social_media a.facebook:before{
    content: url('../images/facebook.svg');
}
.social_media a.linkedin:before{
    content: url('../images/lnki.svg');
}
.social_media a.mail:before{
    content: url('../images/mail.svg');
}

.social_media a:nth-last-child(1){
    margin-right: 0;
}
/* faq */

.faq-container {
    border-bottom: 0px;
}

.faq-container .card-header{
    padding: 0 0 0 0;
    background: transparent;
    border: none;
}


.faq-container .card-header[aria-expanded="true"]{
    background-color: transparent;
}

.card{
    background: #F4F5F8;
    margin-bottom: 20px;
    padding: 40px 150px 40px 73px;
    border: 2px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.card p:nth-last-child(1){
    margin-bottom: 0;
}

.card h4{
    color: var(--pri-clr-1);
}
.card.active-card{
    border: 2px solid #EAEBEF;
    background: #FFFFFF;
}
.card .faq-content{
    padding-top: 25px;
}

.card:after{
    content: url('../images/arrowdown.svg');
    position: absolute;
    right: 63px;
    width: 12px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}  
  
.card.active-card:after{
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

/* QUOTE */
.quote{
    position: relative;
    padding-left: 40px;
}

.quote span{
    display: none;
}
.quote::before{
    content: '“';
    position: absolute;
    top: -3px;
    left: 3px;
    font-size: 48px;
    line-height: 60px;
    color: var(--pri-clr-1);
    font-family: 'Campton Book';
    font-weight: bold;
    font-style: normal;
}

/* SLIDERS */

.swiper-container .cta-links{
    padding: 70px 65px 65px 65px;
    background-color: #F4F5F8;
    width: 53%;
}


.swiper-container .cta-rechts{
    width: 47%;
}

.swiper-container .cta-links h4{
    color: var(--pri-clr-1);
}

.swiper-container p{
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 0;
    
}
.info-slider-section, .list-slider-section{
    overflow-x: hidden;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
#slider-normal .swiper-slide {
    text-align: center;
    padding-top: 55.555556%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.swiper-menu{
    width: 40%;
    position: relative;
}

.swiper-menu:before{
    content: '';
    width: 900%;
    position: absolute;
    right: 0;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 3;
}

.info-slider-section .swiper-pagination, .list-slider-section .swiper-pagination{
    margin-top: 60px;
    position: relative;
}

.list-slider-section .swiper-pagination-bullet:nth-last-child(1), .info-slider-section .swiper-pagination-bullet:nth-last-child(1){
    display: none;
}
#info-slider, #list-slider{
    overflow: visible;
    position: relative;
    width: 60%;

}

.swiper-buttons{
    position: relative;
}

.swiper-buttons .swiper-button-prev, 
.swiper-buttons .swiper-button-next,
.slider-buttons .swiper-button-prev, 
.slider-buttons .swiper-button-next{
    background-color: white;
    border: 2px solid #D8ECE7;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
} 


.swiper-buttons .swiper-button-prev:hover, 
.swiper-buttons .swiper-button-next:hover,
.slider-buttons .swiper-button-prev:hover, 
.slider-buttons .swiper-button-next:hover{
    background-color: var(--pri-clr-1);
    border-color: var(--pri-clr-1);
}

.swiper-buttons .swiper-button-prev:hover::after, 
.swiper-buttons .swiper-button-next:hover:after,
.slider-buttons .swiper-button-prev:hover::after, 
.slider-buttons .swiper-button-next:hover:after{
    filter: grayscale(50) brightness(0) invert(1);
    -webkit-filter: grayscale(50) brightness(0) invert(1);
}


.swiper-buttons .swiper-button-next, .swiper-buttons .swiper-button-prev{
    position: relative;
    transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    -o-transform: translateY(-0%);
}

.swiper-buttons{
    margin-top: 15px;
}
.swiper-buttons .swiper-button-next, .swiper-buttons .swiper-container-rtl .swiper-button-prev{
    right: 0;
    margin-right: 0px;
}

.swiper-buttons .swiper-button-prev, 
.swiper-buttons .swiper-container-rtl .swiper-button-next{
    left: 0;
    margin-right: 10px;
}

.swiper-menu .swiper-button-next:after, 
.swiper-menu .swiper-button-prev:after,
.slider .swiper-button-next:after, 
.slider .swiper-button-prev:after
{
    filter: none;
    -webkit-filter: none;
}

.swiper-menu .swiper-pagination-bullet{
    width: 100%;
    height: auto;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    text-align: left;
    min-height: 47px;
    font-weight: bold;
    margin-bottom: 9px;
    color: #C6C6C6;
    font-size: 18px;
    line-height: 26px;
}


.swiper-menu .swiper-pagination-bullet.swiper-pagination-bullet-active{
    color: var(--pri-clr-1);
}


.swiper-button-next, .swiper-button-prev{
    margin-top: 0;
    width: 63px;
    height: 63px;
    border: 1px solid white;
    background: rgba(117, 117, 117, 0.2);
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.swiper-button-next:after, .swiper-button-prev:after{
    content: url('../images/arrowright.svg');
    height: 0px;
    width: 8px;
    line-height: 41px;
    filter: grayscale(50) brightness(0) invert(1) ;
    -webkit-filter: grayscale(50) brightness(0) invert(1);
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    -webkit-transition: filter .3s ease-in-out;
    -moz-transition: filter .3s ease-in-out;
    -ms-transition: filter .3s ease-in-out;
    -o-transition: filter .3s ease-in-out;
}



.swiper-button-next:hover:after, .swiper-button-prev:hover:after{
    content: url('../images/arrowlongdarkright.svg');
    filter: unset ;
    -webkit-filter: unset ;
    width: 18px;
    line-height: 44px;
}

.review .swiper-menu .swiper-pagination-bullet{
    width: calc(1/5 * 100% - (1 - 1/5) * 100px);
    margin: 16px 100px 0px 0;
    height: 50px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: .18;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
}

.review picture img{
    height: 745px;
    position: relative;
}

.review .swiper-menu .swiper-pagination-bullet:nth-last-child(1){
    margin: 16px 0px 0px 0;
}

.review .swiper-menu .swiper-pagination-bullet.swiper-pagination-bullet-active, .review .swiper-menu .swiper-pagination-bullet:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.review .swiper-container .cta-links{
    width: 43%;
    background-color: transparent;
    padding: 0 0 0 0;
}
.review .swiper-container .cta-rechts{
    width: 57%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.review .swiper-container .cta-rechts p{
    margin-top: 20px;
    padding-left: 40px;
}
.review .swiper-menu{
    position: relative;
    width: 100%;
    margin-top: 65px;
}
.review .swiper-menu:before{
    display: none;
}
.review .swiper-wrapper{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
.review .swiper-slide{
    height: auto;
    opacity: 0;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
}

.review .swiper-slide.swiper-slide-active{
    opacity: 1;
}

.review .data-tab-slide, 
.review .data-tab-inner{
    height: 100%;
}

.review .data-tab-slide{
    background-color: white;
}


.review .swiper-pagination{
    position: relative;
}
.swiper-button-prev:after{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.swiper-button {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.swiper-button:hover{
    background-color: white;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 40px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 40px;
}

.show-more {
    display: none;
    cursor: pointer;
}
/* CTA BLOK */
.cta-blok-image{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.cta-links{
    position: relative;
    width: 60%;
    padding: 105px 110px 100px 110px;
    background: var(--pri-clr-1);
}

.cta-links.full{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px
}

.cta-rechts{
    position: relative;
    width: 40%;
}

.cta-rechts img{
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover!important;
       object-fit: cover!important;
}
.cta-blok-image p{
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 50px;
}

.cta-blok-image h3{
    margin-bottom: 32px;
}

.cta-blok-image h3, .cta-blok-image h4, .cta-blok-image p{
    color: white;
}

.swiper-container .cta-blok-image p{
    color: #757575;
    margin-bottom: 0;
}

.cta-blok-image h4{
    margin-bottom: 15px;
}
.cta-blok-icon h4{
    margin-bottom: 25px;
}

.flex .cta-blok-icon h4{
    padding-top: 5px;
}

.cta-blok-icon p {
    margin-bottom: 30px;
}

.cta-blok-icon.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.cta-blok-icon.flex h4{
    margin-bottom: 0;
    padding-top: 8px;
    text-align: left;
}

.cta-blok-icon.flex .cta-blok-content {
    margin-left: 50px;
}

.cta-blok-icon-image{
    width: 60px;
    height: 73px;
    position: relative;
    margin-bottom: 37px;
}


.list-image{
    width: 60px;
    height: 60px;
    position: relative;
    margin-bottom: 30px;
}
.cta-blok-icon-image img{
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 73px;
}

.cta-blok-icon-image.flex img{
    width: 39px;
}

.list-image img{
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 60px;
}
/* USP */
.multi-usps {
    padding: 45px 65px;
    background: #F4F5F8;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.multi-usps .usp{
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.t-columns .usp{
    width: 50%;
}

.multi-usps .usp .usp-heading{
    margin-bottom: 0;
}
.usp {
    padding: calc(8.33333333%);
    background: #F4F5F8;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.usp img{
    width: 34px;
    height: 34px;
}


.usp-item{
    position: relative;
    margin-right: 50px;
    margin-bottom: 10px;
}

.usp-item a{
    background-color: transparent;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.title-container .usps{
    margin-top: 65px;
}
.usp-item h6{
    color: white;
    max-width: 240px;
    margin-bottom: 0;
}

.usp-item img{
    width: 33px;
    max-width: 33px;
    height: auto;
    margin-right: 29px;
}

.usp .usp-heading{
    margin-bottom: 40px;
}
.usp h5{
    margin-left: 30px;
}

.usp h6{
    margin-left: 25px;
}

.usp h3{
    margin-bottom: 20px;
}

.cc-message{
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    align-items: center;
}

.cc-message *{
    margin-bottom: 0;
}
/* CONTACT */
.contact{
    position: relative;
}

.contact-header{
    margin-bottom: 50px;
}
.contact-header .contact-image{
    max-width: 350px;
    width: 100%;
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.contact-content .function{
    color: var(--pri-clr-2)
}

.contact-icon{
    position: relative;
    padding-left: 40px;
}

.contact-icon::before{
    content: '';
    width: 17px;
    position: absolute;
    left: 0;
    top: 0;
}

.contact-icon.mail::before{
    content: url('../images/mail.svg');
}

.contact-icon.phone::before{
    content: url('../images/phone.svg');
}
/* DIVIDER */
.divider{
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #EAEBEF;
}
/* POST ITEM */

.items-container {
    position: relative;
}


.item-wrapper.studie:nth-child(3n){
    margin-right: 0;
}

.item-wrapper.artikel:nth-child(2n){
    margin-right: 0;
}

.item-wrapper {
    position: relative;
    margin-right: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    background-color: #F4F5F8;
    border-radius: 0;
}

.item-wrapper.studie{
    width: calc(1 / 3 * 100% - (32px / 3));
    position: relative;
    border: unset;
    padding: 0 0 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}



.item-wrapper.artikel{
    width: calc(1 / 2 * 100% - (16px / 2));
    position: relative;
    border: unset;
    padding: calc(75% / 2) 0 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.item-wrapper.artikel .item-inner{
    position: absolute;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}


.item-wrapper.artikel:hover .item-image{
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
}

.item-wrapper.artikel .item-content {
    padding: 60px;
    position: relative;
    z-index: 4;
}

.item-wrapper.artikel:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    opacity: .6;
    background: -o-linear-gradient(rgba(0, 0, 0, 0), black);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(rgba(0, 0, 0, 0), black);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 1;
}


.item-wrapper.artikel:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: black;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 2;
}

.item-wrapper.artikel:hover:before{
    opacity: .25;
    background: black;
}
.item-wrapper.artikel .item-content h4, 
.item-wrapper.artikel .item-content p  {
    color: white;
}


.item-wrapper.artikel .item-image {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.item-wrapper.artikel .item-content{
    position: relative;
    margin-top: auto;
}

.item-wrapper.studie .tekst{
    padding: 0 5px;
}

.item-wrapper.studie .item-border{
    border: 2px solid #F4F5F8;
    padding: 40px 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.item-wrapper.studie:hover{
    background-color: white;
}

.item-wrapper.studie .status{
    position: absolute;
    background: #e7e9ee;
    border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    -moz-border-radius: 0 0 0 8px;
    -ms-border-radius: 0 0 0 8px;
    -o-border-radius: 0 0 0 8px;
    height: 32px;
    padding: 7px 15px 7px 32px;
    width: auto;
    top: -2px;
    right: -2px;
    transform: translateX(calc(100% - 34px));
    -webkit-transform: translateX(calc(100% - 34px));
    -moz-transform: translateX(calc(100% - 34px));
    -ms-transform: translateX(calc(100% - 34px));
    -o-transform: translateX(calc(100% - 34px));
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.item-wrapper.studie:hover .status{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}


.item-wrapper.studie .status p{
    font-size: 11px;
    font-weight: bold;
}

.item-wrapper.studie .status.open{
    display: none;   
}

.item-wrapper.studie .status.completed{
    color: var(--pri-clr-1);
}

.item-wrapper.studie .status.completed:before{
    content: url('../images/check.svg');
    position: absolute;
    left: 11px;
    top: 3px;
    width: 9px;
    z-index: 33;
    line-height: 22px;
}

.item-wrapper.studie .status.invite:before{
    content: url('../images/slot.svg');
    position: absolute;
    left: 11px;
    top: 3px;
    width: 9px;
    z-index: 33;
    line-height: 22px;
}

.item-wrapper.studie .status.invite{
    background-color: var(--pri-clr-1);
}

.item-wrapper.studie .status.invite p{
    color: white;
}


.uitgelichte-studies{
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: var(--pri-clr-1);
    border-radius: 32px 0 0 32px;
    -webkit-border-radius: 32px 0 0 32px;
    -moz-border-radius: 32px 0 0 32px;
    -ms-border-radius: 32px 0 0 32px;
    -o-border-radius: 32px 0 0 32px;
}

.uitgelichte-studies .item-wrapper{
    pointer-events: none;
}
.studie-section {
    width: 100%;
    overflow-x: hidden;
}


.studie-section::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 100%;
    background-color: var(--pri-clr-1);
}
.uitgelichte-studies .content h3, 
.uitgelichte-studies .content p{
    color: white;
}

.uitgelichte-studies .content h3{
    margin-bottom: 30px;   
}

.uitgelichte-studies .content {
    width: 39%;
}

.knop{
    display: inline-block;
}

.uitgelichte-studies .knoppen{
    margin-top: 50px;
}

.mar-top-parent{
    margin-top: -190px;
    z-index: 3;
}

.uitgelichte-studies .studies{
    position: absolute;
    width: 59vw;
    left: 51%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.item-wrapper.studie .item-image picture img{
    -o-object-fit: contain;
       object-fit: contain;
}

.uitgelichte-studies .studies .item-wrapper{
    margin-bottom: 0;
}

.uitgelichte-studies .item-wrapper.studie .item-border{
    padding: 30px;
}


.uitgelichte-studies .item-wrapper.studie:nth-child(2){
    opacity: .65;
}

.uitgelichte-studies .item-wrapper.studie:nth-child(3){
    opacity: .4;
}
.item-wrapper.studie .category, .post-header-wrapper .category{
    padding: 7px 16px 9px;
    margin: 4px;
    background-color: #D8ECE7;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
}

.post-header-wrapper.header-studie{
    padding: 120px 0 180px;
}
.post-header-wrapper .dates{
    margin-top: 40px;
}
.post-header-wrapper .dates p{
    padding: 0 8px;
}
.post-header-wrapper .category{
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.item-wrapper.studie .categories{
    height: 40px;
    overflow: hidden;
}
.item-wrapper.studie .categories, .post-header-wrapper .categories{
    margin-top: 32px;
}

.item-wrapper.studie .item-image{
    margin: 0 auto;
    position: relative;
    height: 60px;
    width: 60px;
    border: 13px solid white;
    background: white;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.item-wrapper.studie .text-button{
    z-index: 4;
}

.item-wrapper.studie:hover .text-button{
    padding-left: 17px;
}

.items-container .item-wrapper.studie .text-button:hover::before, .items-container .item-wrapper.studie:hover .text-button::before{
    content: url('../images/arrowlongdarkright.svg');
    top: 1px;
    left: 0px;
    width: 10px;
}

.items-container .item-wrapper.studie .text-button::before{
    top: -1px;
}
.item-wrapper.studie p{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.post-header-wrapper .category p{
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
}
.item-wrapper.studie h6{
    color: black;
    text-align: center;
    margin-bottom: 12px;
}

.item-wrapper .item-inner {
    position: relative;
}

.item-wrapper .item-content {
    padding: 16px 0 45px;
    color: #000000;
}

.item-wrapper .item-inner p {
    margin-bottom: 0;
}

.item-wrapper .item-image {
    position: relative;
    height: 250px;
}

.item-wrapper .item-image .image-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

/* STUDIES */
.studies .filter{
    width: 25%;
}

.small{
    font-size: 14px;
}

.filter-hide .studies .filter{
    width: 0;
    visibility: hidden;
    opacity: 0;
    padding-right: 0;
}

.filter-hide .btn-hide::before{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.filter-hide .btn-hide::after{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.filter-hide .item-wrapper.studie .item-border{
    padding: 25px 15px;
}

.filter-hide .item-wrapper.studie, .filter-hide .item-wrapper.studie:nth-child(3n){
    width: calc(1 / 4 * 100% - (48px / 4));
    margin-right: 16px;
}

.filter-hide .item-wrapper.studie:nth-child(4n){
    margin-right: 0;
}



.studies .items-container{
    width: 75%;
}

.filter-hide .studies .items-container{
    width: 100%;
}


.titels h2, .titels h1{
    margin-bottom: 30px;
    color: black;
}
.titels h3, .titels h4{
    margin-bottom: 25px;
    color: var(--pri-clr-1);
}
.anim-elem .intro,
.anim-elem .usps, 
.anim-elem.recent,
.anim-elem.artikel,
.anim-elem.footer-top .knop {
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
    transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
}

.anim-elem h2, 
.anim-elem h1, 
.anim-elem.card, 
.anim-elem.anim-elem-right .item-wrapper,
.anim-elem.quote h3,
.anim-elem.quote::before,
.anim-elem.footer-top h3,
.anim-elem.footer-bottom, 
.anim-elem .cta-wrapper {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
}

.anim-elem.anim-elem-right .item-wrapper:nth-child(2){
    -webkit-transition-delay: .27s;
         -o-transition-delay: .27s;
            transition-delay: .27s;
    transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
}
.anim-elem.anim-elem-right .item-wrapper:nth-child(3){
    -webkit-transition-delay: .34s;
         -o-transition-delay: .34s;
            transition-delay: .34s;
    transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
}

.anim-elem.quote h3,
.anim-elem.quote::before,
.anim-elem.footer-top h3,
.anim-elem h1, 
.anim-elem h2,  
.anim-elem .intro, 
.anim-elem.card,
.anim-elem .usps,
.anim-elem.recent,
.anim-elem.artikel,
.anim-elem.footer-top .knop,
.anim-elem.footer-bottom,
.anim-elem .cta-wrapper  {
    opacity: 0;
    visibility: hidden;
    transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    -o-transform: translateY(150px);
}

.anim-elem.anim-elem-right .item-wrapper{
    opacity: 0;
    visibility: hidden;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    -o-transform: translateX(150px);
}

.anim-elem-active.quote h3,
.anim-elem-active.quote::before,
.anim-elem-active.footer-top h3,
.anim-elem-active h1,
.anim-elem-active h2,
.anim-elem-active .intro,
.anim-elem-active .usps,
.anim-elem-active.recent,
.anim-elem-active.card, 
.anim-elem-active.uitgelichte-studies,
.anim-elem-active.anim-elem-right .item-wrapper,
.anim-elem-active.artikel,
.post .artikel,
.anim-elem-active.footer-top .knop,
.anim-elem-active.footer-bottom,
.anim-elem-active .cta-wrapper{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%) translateX(0%);
    -webkit-transform: translateY(0%) translateX(0%);
    -moz-transform: translateY(0%) translateX(0%);
    -ms-transform: translateY(0%) translateX(0%);
    -o-transform: translateY(0%) translateX(0%);
}

.related-items .titels{
    padding-top: 45px;
    width: 41%;
    padding-right: 70px;
}

.related-items .slider{
    width: 59%;
    position: relative;
}

.related-items .slider .item-wrapper.studie{
    width: 100%;
    height: 100%;
}

.related-items .swiper-button-next, .related-items .swiper-container-rtl .swiper-button-prev {
    right: -76px;
}
.titels .intro{
    font-weight: 300;
    font-size: 26px;
    line-height: 42px;
}

.last-articles .titels{
    width: 65%;
}

.last-articles .titels .intro{
    margin-bottom: 0;
}

.last-articles .button{
    margin-right: 0;
}

.last-articles-head{
    margin-bottom: 80px;
}

.last-articles .items-container .button{
    display: none;
} 
.last-articles .last-articles-head .button{
    display: block;
}


/* CONTACTFORM STYLING */

.form-field {
    display: block;
    position: relative;
    z-index: 3;
    width: 100%;
}

.form-field.form-field--is-active input,
.form-field.form-field--is-filled input,
.form-field.form-field--is-filled textarea,
.form-field.form-field--is-active textarea{
    background-color: white;
    border-color: #EAEBEF;
    color: black;
}

.form-field.form-field--is-error.form-field--is-filled input, 
.form-field.form-field--is-error.form-field--is-filled textarea,
.select-filled{
    background-color: white;
    border-color: var(--pri-clr-3);
}

.form-field.form-field--is-error.form-field--is-filled:after{
    content: '!';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color:  var(--pri-clr-3);
}

.form-field.select.form-field--is-filled:after{
    top: 5px;
}

.form-field.form-field--is-filled:after, .select-selected.select-filled::after {
    content: url('../images/checkmark.svg');
    position: absolute;
    right: 20px;
    top: 19px;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    color: var(--pri-clr-3);
    line-height: 0;
}

.select-selected::after{
    content: url('../images/arrowdown.svg');
    position: absolute;
    right: 20px;
    top: 12px;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    color:  var(--pri-clr-3);
    width: 12px;
}


.form-field__label {
    position: absolute;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 0;
    opacity: .5;

    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.form-field_check_label {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* .form-field_check_label span {
    margin-left: 10px;
} */

.form-field__control {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.form-field__control::after {
    border-bottom: 2px solid rgba(69, 87, 96, 0.48);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 1%;
}

.form-field__input,
.form-field__textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid #F4F5F8;
    color: #757575;
    display: block;
    margin-top: 0;
    outline: 0;
    width: 100%;
    z-index: 5;
    min-height: 48px;
    background-color: #F4F5F8;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 20px;
}

textarea.form-field__input{
    height: auto;
    min-height: 265px;
    padding: 20px;
}


.form-field-container {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 12px;
}

.form-field-container label {
    position: relative;
    margin-bottom: 10px;
}

.form-field-container input {
    margin-top: 0;
}

.form-field.first label {
    display: block;
}

.form-field.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: 10px 15px;
    border: 2px solid #F4F5F8;
    color: #757575;
    margin-top: 0;
    outline: 0;
    width: 100%;
    z-index: 5;
    min-height: 48px;
    background-color: #F4F5F8;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    display: block;
}

.form-field.select.form-field--is-filled select {
    font-weight: 800;
}

.filter-header .form-field.custom-field {
    padding: 0 0;
    height: 48px;
}



.select-dropdown{
    z-index: 4;
    overflow: visible;
}

.custom-select {
    position: relative;
    padding: 0;
    border: none;
    background-size: unset;
    line-height: unset;
    height: unset;
}
    
.filter{
    padding-right: 70px;
}
 
.filter .counter,
.filter .filter-head {
    font-size: 14px;
    line-height: 34px;
    font-weight: bold;
   
}

.filter-list{
    position: relative;
    width: 100%;
}

.filter-list label, .checkbox label{
    width: calc(100% - 40px);
    padding-left: 40px;
    position: relative;
}
.checkbox a{
    color: var(--pri-clr-2);
}
.checkbox .form-field__label{
    padding-left: 0;
}

.filter-list .checkmark, .checkbox .checkmark{
    position: absolute;
    top: 0px;
    left: 0;
    width: 24px;
    height: 24px;
    margin-top: 5px;
    margin-left: 0;
    background-color: #F4F5F8;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
input:checked~.checkmark{
    background-color: var(--pri-clr-1);
}

input:checked~.checkmark:after {
    display: block;
}
.checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.filter-list .counter {
    width: 30px;
    text-align: right;
    padding-left: 0;
}
.filter-list input{
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 100%;
}
.filter .filter-head{
    color: black;
}
.filter-tab{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #EAEBEF;
}

.filter-tab:nth-child(1){
    padding-top: 0;
}

.filter-tab input{
    margin-right: 16px;
}

.filter-tab:nth-last-child(1){
    border-bottom: none;

}
  
  /*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    padding: 12px 20px;
    border: none;
    color: #757575;
    min-height: 45px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: white;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}


.select-selected {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid #F4F5F8;
    color: #757575;
    margin-top: 0;
    outline: 0;
    width: 100%;
    z-index: 5;
    min-height: 48px;
    background-color: #F4F5F8;
    font-size: 14px;
    line-height: 20px;
  
}
.form-field--is-filled input,
.form-field--is-active input{
    font-weight: bold;
}
  
.select-filled::after{
    top: 12px;
}
.select-selected.select-filled{
    background-color: #ffffff;
    font-weight: bold;
}

.select-items div:nth-child(1){
    border-top: none;
}
  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: #F4F5F8;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 2px solid #F4F5F8;
    border-top: none;
    }

  .select-items div{
    border-top: 2px solid #F4F5F8;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: white;
  }

textarea,
input[type="text"],
input[type="file"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.form-field input[type="file"] {
    padding-left: 0;
    -webkit-appearance: none;
}

.form-field input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

.form-field input[type="file"]:before {
    content: 'Bestand kiezen';
    display: inline-block;
    padding: 5px 15px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}

.form-field input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    padding: 9px;
    width: 0px;
    height: 00px;
    border: 1px solid black;
    visibility: hidden;
    display: none;
}

.form-field input[type="checkbox"]:checked {
    color: black;
}

.form-field input[type="radio"]:after {
    content: '';
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    top: -1px;
    left: -1px;
    background-color: transparent;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.form-field input[type="radio"]:after {
    top: 0;
    left: 0;
    border-radius: 100%;
}

.form-field input[type="checkbox"]:checked:after {
    background-color: black;
}

.form-field input[type="radio"] {
    position: relative;
    -webkit-appearance: none;
    padding: 10px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid black;
}

.form-field input[type="radio"]:checked {
    color: black;
}

.form-field input[type="radio"]:checked:after {
    background-color: black;
}

textarea {
    min-height: 150px;
    max-height: 350px;
}

.mobile-img{
    display: none;
}
/* FOOTER */

.footer {
    /* background: url('../images/footer.png'); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px 0;
    background-color: #0c332e;
}

.footer-image{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.footer .socials img{
    max-width: 23px;
    width: auto;
    height: 17px;
    margin-right: 15px;
}

.footer .socials{
    margin-bottom: 30px;
}
.footer-top {
    padding: 240px 0;
}

.footer-top h3{
    color: white;
    margin-bottom: 40px;
    text-align: center;
}

.footer-top .button{
    margin-right: 0;
}
.footer-bottom{
    position: relative;
    overflow-x: hidden;
}
.footer-bottom .left{
    position: relative;
    width: 34%;
}
.footer-bottom .right{
    position: relative;
    width: 66%;
    padding: 120px 0 90px 100px;
    background-color: white;
    border-radius: 32px 0 0 0;
    -webkit-border-radius: 32px 0 0 0;
    -moz-border-radius: 32px 0 0 0;
    -ms-border-radius: 32px 0 0 0;
    -o-border-radius: 32px 0 0 0;
}

.footer-bottom .right::before{
    top: 0;
    content: '';
    position: absolute;
    left: 50%;
    width: 200%;
    height: 100%;
    background-color: white;
}

.footer .links .link{
    width: 50%;
    padding-right: 16px;
    line-height: 40px;
    margin-bottom: 0;
}

.footer .left .links .link{
    width: 80%;
   
}

.footer .left .links{
    margin-bottom: 35px;
}

.footer .column{
    position: relative;
    width: 55%;
}

.footer .column:nth-child(1){
    padding-right: 0px;
    width: 45%;
}

.footer .right-bottom{
    position: relative;
}

.footer .right-bottom .links{
    width: auto;
}

.footer .right-bottom .links .link{
    margin-right: 35px;
}

.footer .right-bottom .links .link a{
    color: #C6C6C6;
}
.footer .links a{
    font-size: 20px;
    color: #757575;
    font-weight: normal;
}

.footer .left .links a{
    color: white;
}

.right-top{
    padding-bottom: 90px;
}
.footer .column h5{
    margin-bottom: 20px;
}
.footer .column p {
    margin-bottom: 2px;
}
.footer .column p:hover a, .footer .right-bottom .links .link:hover a{
    color: var(--pri-clr-1);
}

.footer .left .links p:hover a{
    color: var(--pri-clr-2);
}

.footer .bottom-links{
    width: 100%;
}


.footer .bottom-links img{
    margin-left: 14px;
}

.footer .left{
    padding-top: 115px;
    padding-bottom: 90px;
}

.footer .left .logo{
    width: 230px;
    margin-bottom: 50px;
}

.button.foo{
    background-color: transparent;
    border: 2px solid var(--pri-clr-2);
    min-width: unset;
    height: auto;
    margin-right: 10px;
}

.footer .knop:nth-child(2) .button.foo{
    border: 2px solid var(--pri-clr-3);
}

.footer .knop:nth-child(3) .button.foo{
    border: 2px solid var(--pri-clr-4);
}

.footer .extern-links img{
    filter: grayscale(50) brightness(0) invert(0) ;
    -webkit-filter: grayscale(50) brightness(0) invert(0) ;
    opacity: .2;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.footer .extern-links a:hover img{
    filter: none;
    -webkit-filter: none;
    opacity: 1;
}


.button.foo a{
    height: auto;
    padding: 1px 15px 0px;
    min-width: unset;
    font-family: 'Campton Book';
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 29px;
}

.footer .knoppen{
    margin-bottom: 35px;
}
.knop:nth-child(1):hover .button.foo{
    background-color: var(--pri-clr-2);
}

.knop:nth-child(2):hover .button.foo{
    background-color: var(--pri-clr-3);
} 

.knop:nth-child(3):hover .button.foo{
    background-color: var(--pri-clr-4);
} 

.filter-select{
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}   


.filter-select, 
.filter-select option{
    color: var(--pri-clr-1);
    font-size: 14px;
    line-height: 20px;
    min-width: 120px;
    background-color: transparent
}

.search-form .filter-select{
    width: 93%;
    padding: 10px 0px;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
}



.filter-select option{
    line-height: 40px;
}

.filter-header{
    margin-bottom: 40px;
}

.filter-header .filter-selector p{
    font-weight: bold;
    color: var(--pri-clr-1);
    margin-right: 5px;
}
.filter-header .form-field{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #D8ECE7;
    padding: 5px 20px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    z-index: 1;
}

.filter-header .form-field.open-select{
    border-radius: 24px 24px 0 0;
    -webkit-border-radius: 24px 24px 0 0;
    -moz-border-radius: 24px 24px 0 0;
    -ms-border-radius: 24px 24px 0 0;
    -o-border-radius: 24px 24px 0 0;
}

.filter-tab select{
    width: 100%;
    height: 48px;
    background: #F4F5F8;
    padding: 14px 20px 17px;
    color: #757575;
}

.study-age{
    position: relative;
}
.filter-header .form-field::after, .study-age:after, .search-form-right .custom-select__trigger::after{
    content: '';
    position: absolute;
    right: 30px;
    height: 8px;
    width: 8px;
    border-width: 0px 2px 2px 0px;
    border-color: var(--pri-clr-1);
    border-style: solid;
    transform: rotate(45deg) translateY(-50%) translateY(-4px);
    -webkit-transform: rotate(45deg) translateY(-50%) translateY(-4px);
    -moz-transform: rotate(45deg) translateY(-50%) translateY(-4px);
    -ms-transform: rotate(45deg) translateY(-50%) translateY(-4px);
    -o-transform: rotate(45deg) translateY(-50%) translateY(-4px);
    top: 50%;
    z-index: -1;
}


.search-form-right .custom-select__trigger::after {
    right: 25px;
    z-index: 2;
}


.btn-hide{
    padding-left: 20px;
}

.btn-hide:after, .btn-hide::before {
    position: absolute;
    content: '';
    left: 18px;
    width: 12px;
    height: 2px;
    background: var(--pri-clr-1);
    top: calc(50% - 1px);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.btn-hide::before{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.btn-hide::after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.btn-hide:hover::before, .btn-hide:hover::after{
    background-color: white;
}
.study-age:after{
    z-index: 1;
}

.studie__index .content-body{
    padding-top: 0;
}

.studie__index .content-body .plate--page-content-wrapper{
    transform: translateY(-52px);
    -webkit-transform: translateY(-52px);
    -moz-transform: translateY(-52px);
    -ms-transform: translateY(-52px);
    -o-transform: translateY(-52px);
}

.search-form{
    height: 100px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #EAEBEF;
    margin-bottom: 80px;
    background: white;
}

.search-form-right{
    width: 50%;
    position: relative;
}
.search{
    padding: 32px 40px 32px 100px;
    height: 100%;
    width: 50%;
    position: relative;
    border: none;
    border-right: 2px solid #EAEBEF;
    color: #757575; 
}

.search-form:before{
    content: url('../images/search.svg');
    position: absolute;
    top: 32px;
    left: 30px;
    z-index: 1;
}

.pagination ul{
    list-style: none;
    padding-left: 0;
}

.pagination .button{
    width: 48px;
    height: 48px;
    min-width: unset;
    background-color: transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 45px 5px 0;
}

.pagination .button:hover, .pagination .button.active_page, 
.pagination .button.first.arr:hover {
    background-color: var(--pri-clr-1);
    border-color: var(--pri-clr-1);
}


.pagination .button.first.arr {
    background-color: white;
    border-radius: 50px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(216, 236, 231);
    -o-border-image: initial;
       border-image: initial;
}

.pagination .button.arr.disabled, .pagination .button.arr.disabled::before, .pagination .button.arr.disabled:hover{
    background-color: #f4f5f8!important;
    border-color: #f4f5f8!important;
    pointer-events: none;
}

.pagination .button.first.arr.disabled::before{
    background-color: transparent;
}

.pagination .button.first.arr::before {
    content: url('../images/arrowright.svg');
    position: absolute;
    z-index: 4;
    width: 6px;
    top: 4px;
    left: 13px;
    line-height: 35px;
    -webkit-transition: left 0.3s ease-in-out 0s;
    -o-transition: left 0.3s ease-in-out 0s;
    transition: left 0.3s ease-in-out 0s;
    background-color: transparent;
    border-radius: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    -o-border-image: initial;
       border-image: initial;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.pagination .button a{
    min-width: unset;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--pri-clr-1)
}

.pagination .button:hover a, .pagination .button.active_page a {
    color: white;
}
.pagination .button.arr::before{
    height: 48px;
    width: 48px;
}

.pagination .button.arr::after{
    top: 4px;
    left: 19px;
    line-height: 35px;
}

.pagination .button.arr:hover::after {
    top: 7px;
    left: 13px;
}

p.white{
    color: white;
}

.show-mobile {
    display: none;
}

.filterz{
    z-index: 10;
}

.company-info svg, .company-info svg path{
    fill: var(--pri-clr-2);
}
.company-info svg{
    height: 25px;
    width: 25px;
    margin-right: 10px;
}

.mobile-img-active .section-image-mobiel{
    display: none
    ;
}
/* MEDIA QUERIES */

@media screen and (max-height: 830px) and (min-width: 990px){
    h1, .titels h1, .post-header-wrapper.low-header h1, h1 span{
        font-size: 48px;
        line-height: 48px;
    }

    .navbar-brand img.logo, .navbar-brand img.logo.diap{
        height: 31px;
        top: 2px;
    }

    h2, h2{
        font-size: 60px;
        line-height: 63px;
    }
    .mega-menu{
        padding-top: 55px;
        padding-bottom: 55px;
        padding-left: 95px;
        padding-right: 95px;
    }

    .footer .links .link{
        line-height: 31px;
    }

    .usp-item{
        margin-right: 20px;
    }

    .uitgelichte-studies .content{
        width: 50%;
    }

    .review .swiper-container .cta-rechts{
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
    }

    h3, h3 span{
        font-size: 41px;
        line-height: 48px;
    }

    .cta-blok-image p{
        font-size: 20px;
        line-height: 34px;
    }

    .cta-links{
        padding: 50px;
    }
    .swiper-container .cta-links{
        padding: 30px;
    }

    .button{
        margin-right: 10px;
    }

    .images-section{
        min-height: unset;
    }

    .cta-blok-image p {
        margin-bottom: 30px;
    }

    .usp {
        padding: 50px
    }

    .footer .links .link{
        width: 100%;
    }

    .footer .right-bottom .links .link{
        margin-right: 10px;
    }

    .header-link-inner, .post-header-wrapper .header-link{
        min-height: unset;
    }

    h1{
        max-width: 70%;
    }
    /* .header-link-inner{
        padding: 25px 250px 25px 25px;
    } */

    .plate--container.uitgelichte-studies {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 50px!important;
    }

    .navbar-inner{
        padding-top: 15px;
        padding-bottom: 15px;
        height: auto;
    }

    .navbar-wrapper::before{
        height: 76px;
    }

    .footer .bottom-links .links a{
        font-size: 14px;
    
    }

    
    .accordion-image-wrapper .data-image{
        max-height: 100vh;
    }

    
}
@media screen and (max-width: 1500px) {
    .plate--container{
        padding-left: 10%;
        padding-right: 10%;
    }

    .item-wrapper.studie, .item-wrapper.studie:nth-child(3n), .filter-hide .item-wrapper.studie, .filter-hide .item-wrapper.studie:nth-child(3n){
        width: 49%;
        margin-right: 2%;
    }

    .item-wrapper.studie:nth-child(2n){
        margin-right: 0;
    }

    .studies .filter{
        padding-right: 32px;
    }

    .first-section-column{
        display: none;
    } 

    .filter-hide .item-wrapper.studie:nth-child(2n){
        margin-right: 0;
    }
    
    
}


@media screen and (max-width: 1500px) and (min-width: 1200px) {
    
    .navbar-collapse .navbar-nav .nav-item .nav-link:before, .mega-menu-container .nav-item .nav-link h6:before{
        bottom: -1px;
    }
    .studie-section{
        width: 90%;
        margin-left: 10%;
    }
 
    .uitgelichte-studies .studies{
        width: 100vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: nowrap row;
                flex-flow: nowrap row;
        top: 50%;
        max-height: calc(100% - 100px);
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .uitgelichte-studies .item-wrapper.studie .item-border{
        padding: 15px;
    }

    .uitgelichte-studies .item-wrapper{
        margin-bottom: 0;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 14px;
    }
    .navbar-brand{
        margin-right: 40px;
    }
    .content-body .accordion-wrapper{
        width: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
    }

    .content-body .accordion-image-wrapper {
        height: calc(50% + 240px);
        top: 0px;
        width: 55%;
    }

    .nav-item  p{
        line-height: 27px;
    }
    .content-body .accordion-wrapper .card{
        padding: 30px 100px 30px 30px;
    }


}

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

}

@media screen and (min-width: 1200px) {
    .review .swiper-menu .swiper-pagination{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
@media screen and (max-width: 1200px) {
       
    .language-switcher .language-dropdown li.hide-lang{
        background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-brand{
        margin-right: 0;
    }

    .menu-open .mega-menu-container::-webkit-scrollbar{
        display: none;
    }
    .navbar-container {
        -webkit-transition: background-color .4s ease;
        -o-transition: background-color .4s ease;
        transition: background-color .4s ease;
    }

    .mega-menu-container {
        height: 0;
        -ms-overflow-style: none; 
        scrollbar-width: none;
        background-color: white;
    }

    .mega-menu__active .mega-menu-container {
        opacity: 1;
        -webkit-transition: height 0s 0s, opacity .3s 0s ease-in-out, -webkit-transform .3s 0s ease-in-out;
        transition: height 0s 0s, opacity .3s 0s ease-in-out, -webkit-transform .3s 0s ease-in-out;
        transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out, -webkit-transform .3s 0s ease-in-out;
        height: calc(100vh - 120px);
        overflow-y: auto;
        -webkit-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        -moz-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        -ms-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        -o-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
    }
    
    .fixed-mob-header .navbar-container,
    .post-nav .navbar-container {
        background-color: white;
    }

    .mega-menu-wrapper {
        margin-top: 0px;
        height: 100%!important;
        padding-bottom: 100px;
        padding-top: 20px;
    }

    .mega-menu {
        position: relative;
        top: unset;
        opacity: 1;
        padding-left: 0px;
        padding-right: 0;
        visibility: visible;
        padding-top: 0;
        padding-bottom: 0;
        display: block;
        margin-top: 24px;
        margin-bottom: 40px;
        
    }

    .mega-menu__nav {
        width: 100%;
        opacity: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition-delay: .05s;
             -o-transition-delay: .05s;
                transition-delay: .05s;
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -ms-transform: translateX(200px);
        -o-transform: translateX(200px);
    }

    .menu-open .mega-menu__nav{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .mega-menu__nav .nav-item .nav-link {
        line-height: 32px;
        padding: 0px 0;
        display: inline-block;
    }
    .nav-item  P{
        display: none;
    }

    .mega-menu__items .nav-item{
        width: 100%;
        padding-right: 0;
    }
    .mega-menu__cta {
        display: none;
    }
    .nav-item .nav-link {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    .mega-menu-container .nav-item h6{
        color: #C6C6C6;
        font-size: 20px;
        line-height: 40px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin-bottom: 0;
    }
    .mega-menu-container .nav-item h5{
        font-size: 24px;
        line-height: 27px;
    }

    .mega-menu-container .nav-item {
        min-height: unset;
        border-bottom: 0px solid #EFEFEF;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .mega-menu-container .mega-menu__nav .nav-item{
        padding-left: 0px;
    }
    .nav-item.main-nav .nav-link {
        line-height: 32px;
    }
    .nav-item.dropright {
        position: relative;
    }
    .dropright svg {
        display: none;
    }
    .dropright .dropdown-menu {
        position: relative;
        display: none;
        -ms-flex-wrap: unset;
            flex-wrap: unset;
        width: 100%;
        left: 0;
        margin-left: 16px;
        padding: 10px 0;
        height: auto;
        -webkit-writing-mode: unset;
            -ms-writing-mode: unset;
                writing-mode: unset;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dropdown-menu:before {
        content: '';
        position: absolute;
        background-color: #EFEFEF;
        width: 100vw;
        height: calc(100% + 1px);
        left: -40px;
        top: 1px;
    }
    li.dropright:hover > ul.dropdown-menu {
        display: none;
    }
    .dropdown-item {
        margin-right: 0;
        -webkit-writing-mode: unset;
            -ms-writing-mode: unset;
                writing-mode: unset;
    }
    .nav-item .dropdown-item .nav-link {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .navbar-collapse {
        display: none;
    }

    .navbar-inner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .menu-open .navbar-inner{
        position: relative;
        z-index: 200;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }

    .language{
        margin-bottom: 50px;
        display: inline-block;
    }

    .menu-open .navbar-wrapper::before{
        display: none;
    }
    .navbar-toggler {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .show-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    h1, .titels h1, .post-header-wrapper.low-header h1, h1 span{
        font-size: 48px;
        line-height: 48px;
    } 
    h2, h2 span {
        font-size: 48px;
        line-height: 50px;
    }
    
    h3, .titels h2, .titels h2 span {
        font-size: 30px;
        line-height: 36px;
    }

    h4, h4 span{
        font-size: 16px;
        line-height: 20px;
    }

    h5, h5 span {
        font-size: 20px;
        line-height: 24px;
    }

    .review .quote h3, .review .quote h3 span, .item-wrapper h4, .footer .column h5{
        font-size: 24px;
        line-height: 32px;
    }
    h6{
        font-size: 18px;
        line-height: 20px;
    }
    p, a, u, span, select, section, td, th, option, form, input, b, strong, ul, ol, li, textarea, label, button, input, iframe, table{
        font-size: 14px;
        line-height: 20px;
    }
    
    .usp-item img{
        width: 25px;
        height: 25px;
    }

    .usp-item {
        margin-right: 0;
        width: 100%;
    }

    .cta-blok-image p, .titels .intro {
        font-size: 20px;
        line-height: 34px;
    }

    .cta-blok-image p{
        margin-bottom: 25px;
    }

    .button{
        margin-right: 16px;
    }
    .cta-blok-image h3{
        margin-bottom: 16px;
    }
    .cta-links, .cta-links.full, .swiper-container .cta-links, .review .swiper-container .cta-links{
        padding: 30px;
        width: 100%;
    }

    .review .swiper-container .cta-links{
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;

        -o-border-radius: 16px;
        overflow: hidden;
        padding-top: 0%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .review .swiper-container .cta-rechts{
        width: 100%;
        padding: 30px 0 0;
        text-align: center;
    }

    .checklist li {
        margin-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }
   
    .checklist ul {
        text-align: center;
        padding-left: 35px;
    }
    .checklist li::before{
        left: unset;
        -webkit-transform: translateX(-29px);
            -ms-transform: translateX(-29px);
                transform: translateX(-29px);
        top: 0;
    }

    .checkmark:after {
        left: 5px;
        top: 2px;
        width: 4px;
        height: 8px;
        border-width: 0 2px 2px 0;
    }

    .filter-list label{
        padding-left: 30px;
    }

    .filter .counter{
        font-size: 10px;
    }

    .filter-tab{
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .filter-tab:nth-last-child(1){
        margin-bottom: 30px;
        border-bottom: 2px solid #EAEBEF;
    }
    .filter-list label{
        margin-bottom: 0px;
    }

    .filter .counter, .filter .filter-head{
        line-height: 20px;
    }

    .filter-list .checkmark{
        margin-top: 2px;
        height: 14px;
        width: 14px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;}

    .swiper-button-next:hover:after, .swiper-button-prev:hover:after{
        line-height: 25px;
    }

    .last-articles .items-container .button{
        display: block;
    } 

    .content p, .cta-blok-image p, .cta-blok-image p, .titels .intro{
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
    }
    .quote::before, .last-articles .last-articles-head .button{
        display: none;
    }

    .quote span{
        display: inline-block;
        color: white;
        margin-right: 3px;
    }

    .quote{
        padding-left: 0px;
    }


    .card{
        padding: 30px 60px 30px 30px;
    }

    .card:after{
        right: 30px;
        line-height: 0;
        top: 38px;
    }

    .card .faq-content {
        padding-top: 20px;
        width: calc(100% + 30px);
    }

    .swiper-button-next, .swiper-button-prev{
        width: 45px;
        height: 45px;
    }

    .swiper-button-next:after, .swiper-button-prev:after{
        line-height: 23px;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 30px;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 30px;
    }

    .titels h2, .titels h1{
        margin-bottom: 10px;
    }

    .cta-blok-image .cta-rechts{
        position: relative;
        width: 100%;
        padding-bottom: 80%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; 
    }

    .cta-blok-image .cta-links {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    p a{
        font-size: inherit;
        line-height: inherit;
    }
    .swiper-menu{
        width: 100%;
    }

    .swiper-container p{
        font-size: 14px;
        line-height: 20px;
    }

    .button.send{
        margin-top: 10px;
    }
    .info-slider-section .swiper-pagination, .list-slider-section .swiper-pagination{
        margin-top: 0;
    }

    .swiper-menu .swiper-pagination-bullet{
        min-height: 30px;
        font-size: 18px;
        line-height: 20px;
    }

    #info-slider, #list-slider{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }

    .swiper-menu:before{
        display: none;
    }

    .swiper-container .cta-links{
        padding: 30px;
    }

    
    .last-articles .titels{
        width: 100%;
    }

    .list-image, .cta-blok-icon-image {
        width: 40px;
        height: 40px;
    }

    .list-image{
        margin: 0 auto;
    }
    .search-form{
        height: auto;
        border: none;
        background: transparent;
        margin-bottom: 30px;
    }

    .search-form:before{
        top: 3px;
        left: 9px;
        z-index: 1;
        -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
                transform: scale(.5);
    }
    .search{
        height: 48px;
        width: 100%;
        border: 2px solid #EAEBEF;
        padding: 7px 40px 7px 50px;
    }

    .search-form .filter-select{
        padding: 0 0 0 0;
        width: calc(100% - 100px);
    }

    .search-form .filter-select .sort-filter{
        width: 100%;
    }
    .search-form-right{
        width: 100%;
        margin-top: 0px;
        border: 2px solid #EAEBEF;
        border-top: 0px solid white;
        background: white;
    }
    .mega-menu{
        background-color: transparent;
        border-top: 0px solid transparent;

    }
    
    .nav-item h6, 
    .nav-item h5{
        color: white;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .mega-menu-container .nav-item:hover .nav-link:before{
        width: calc(100% - 20px);
        left: 20px;
    }
    
    .nav-item:hover h6,
    .nav-item:hover h5
    {
        padding-left: 20px;
        color: var(--pri-clr-2);
    }
    .search-form-right::after{
        right: 130px;
    }


    .search-form-right .button{
        width: 100px;
        margin-right: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .language-dropdown-btn{
        display: none;
    }

    .hide-lang{
        display: block;
    }

    .custom-select span{
        min-width: 70px;
    }

    .custom-select.open .custom-options{
        top: 49px;
    }

    .search-form-right .button, 
    .search-form-right .button a{
        min-width: unset;
        margin-bottom: 0;
    }
    .last-articles .button{
        margin-top: 20px;
    }

    .item-wrapper.artikel .item-content{
        padding: 25px 70px 17px 25px;
        width: 100%;
    }

  

    .navbar-inner{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-wrapper::before{
        height: 78px;
    }

    .studies .items-container{
        width: 100%;
    }
    .item-wrapper.artikel{
        width: 100%;
        padding-top: 75%;
    }
    .navbar-collapse{
        display: none;
    }
    .last-articles-head{
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .list-image img, .cta-blok-icon-image img{
        max-height: 40px;
    }

    .mar-top-parent{
        margin-top: -80px;
    }
    .cta-blok-content{
        padding-right: 0;
    }
    .contact-header, #list-slider .cta-blok-image h4, .list-image, .cta-blok-icon-image, .cta-blok-icon h4, .cta-blok-icon p, .usp .usp-heading  {
        margin-bottom: 20px;
    }

    .cta-blok-icon, .footer .left .logo, .footer .knoppen, .footer .left .links{
        margin-bottom: 30px;
    }

    .review .swiper-container .cta-rechts p{
        padding-left: 0px;
        text-align: center;
        font-size: 14px;
        line-height: 34px;
        color: #EAEBEF;
    }

    .review .swiper-pagination{
        position: relative;
        display: block;
        width: 100%;
        padding: 0px;
        left: 0px;
        overflow: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none; 
    }

    .review .swiper-pagination::-webkit-scrollbar{
        display: none;
    }
    .review .swiper-menu .swiper-pagination-bullet, .review .swiper-menu .swiper-pagination-bullet:nth-child(5) {
        width: 40%;
        border: 0px solid transparent;
        margin: 0px 30px 0 0;
        height: 40px;
        background-position: center center;

    }

    .review{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    .review .swiper-menu{
        margin-top: 0;
        width: 100%;
        margin-top: 30px;
    }

    .review .swiper-container{
        width: 100%;
    }

    .review .swiper-menu .swiper-pagination-bullet:nth-child(1){
        margin-top: 0;
    }

    .button.arr.back::after{
        left: 19px;
    }

    .post-head, .post-head-top {
        margin-bottom: 30px;
    }
    .footer-top{
        padding: 170px 30px;
    }

    .footer-top h3{
        margin-bottom: 20px;
    }

    .footer-bottom{
        border-radius: 32px 0 0 0;
        margin-top: -32px;
        background: white; 
    }

    .footer .knoppen, .footer .social-media{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .footer .knoppen .knop{
        width: auto;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 0;
    }
    
    .footer .left .links .link{
        text-align: center;
    }

    .footer .left .links a {
        color: #757575;
        font-size: 20px;
        line-height: 32px;
    }

    .footer .knoppen .knop .button{
        margin-bottom: 0;
    }

    .footer .knoppen .knop:nth-child(1) .button a{
        color: var(--pri-clr-2);
    }

    .footer .knoppen .knop:nth-child(2) .button a{
        color: var(--pri-clr-3);
    }
    
    .footer .knoppen .knop:nth-child(3) .button a{
        color: var(--pri-clr-4);
    }

    
    .footer .knoppen .knop:nth-child(1) .button:hover a,
    .footer .knoppen .knop:nth-child(2) .button:hover a,
    .footer .knoppen .knop:nth-child(3) .button:hover a{
        color: white;
    }

    /* .footer .knop:nth-child(1) .button a{
        color: var(--pri-clr-5);
    } */

    .footer-bottom .left{
        width: 100%;
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .footer-bottom .right{
        width: 100%;
        padding: 30px 0 30px 30px;
    }

    .footer .left .links .link{
        width: 100%;
    }

    .footer .links .link{
        line-height: 30px;
    }
    .footer .links a, .footer p{
        font-size: 14px;
        line-height: 18px;
    }

    .footer .column, .footer .column:nth-child(1){
        width: 100%;
        margin-bottom: 30px;
    }

    .right-top{

        padding-bottom: 0;
    }

    .button{
        height: 48px;
    }

    .filter-select, .filter-select option{
        min-width: 70px;
    }

    .button a{
        min-width: unset;
        padding: 10px 24px;
        font-size: 14px;
        line-height: 20px;
    }

    .button.arr::before, .header-link-inner::before {
        height: 48px;
        width: 48px;
    }

    .header-link-inner::before{

        right: 30px;
    }

    .content-body{
        padding-bottom: 30px;
        padding-top: 30px;
        margin-top: 0px;
        border-radius: 0px 0 0 0;
        -webkit-border-radius: 0px 0 0 0;
        -moz-border-radius: 0px 0 0 0;
        -ms-border-radius: 0px 0 0 0;
        -o-border-radius: 0px 0 0 0;
        
    }

    .title-container .usps{
        margin-top: 35px;
    }
/* 
    .post-header-wrapper{
        padding-top: 60px;
    } */

    .item-wrapper.studie .item-border{
        padding: 30px 30px;
    }
    .item-wrapper .item-content{
        padding: 16px 0 20px;
    }
    
    .post-header-wrapper .item-image{
        width: 48px;
        height: 48px;
        margin-bottom: 20px;
        border-width: 5px;
    }
    .multi-usps{
        padding: 30px 30px 30px 30px;
    }

    .multi-usps .usp{
        width: 100%;
        margin-bottom: 20px;
    }

    .multi-usps .usp:nth-last-child(1){
        margin-bottom: 0;
    }

    .item-wrapper.studie .categories, .post-header-wrapper .categories{
        margin-top: 20px;
    }
    
    .related-items .swiper-button-next, .related-items .swiper-container-rtl .swiper-button-prev{
        right: 20px;
    }
    .uitgelichte-studies .plate--row{
        margin-left: -30px;
    }

    .home-header{
        min-height: calc(100vh + 30px);
    }

    .post-header-wrapper .header-link{
        
        min-height: unset;
        bottom: 0px;
    }
    .header-link-inner{
        min-height: unset;
        padding: 40px 100px 36px 33px;
    }

    .header-link-inner::after{
        right: 50px;
    }
    .header-link-inner:hover::after{
        top: calc(50 + 2px);
        right: 45px;
    }

    .navigation .menu-right .knop{
        margin-bottom: 0;
    }


    .menu-right{
        margin-top: 50px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .menu-right .language{
        margin-top: 30px;
        width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border-bottom: 0px solid black;
        
    }

    .language-switcher .language-dropdown, .language-switcher:hover .language-dropdown {
        position: relative;
        overflow: visible;
        opacity: 1;
        width: auto;
        border: none!important;
        height: auto;
        border-radius: 0 0 0 0;
        visibility: visible;
        height: 44px;
        margin-bottom: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .language-switcher .language-dropdown li {
        padding-bottom: 0;
        width: 48px;
        height: 48px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        text-align: center;
        margin-right: 10px;
        position: relative;
    }

    .language-switcher .language-dropdown li a{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .navbar-brand{
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .menu-open .navbar-brand{
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .language-switcher .language-dropdown a, .language-switcher:hover .language-dropdown a{
        color: white;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 43px;
        height: 100%;
        width: 100%;
        padding-right: 10px;
        opacity: 1;
        text-align: center;
    }
    .fixed-header .language-switcher .language-dropdown-btn, .mega-menu__active .language-switcher .language-dropdown-btn, .fixed-header .language-switcher:hover .language-dropdown a, .mega-menu__active .language-switcher .language-dropdown a, .lock-scroll .language-switcher .language-dropdown-btn, .lock-scroll .language-switcher:hover .language-dropdown a,
    .fixed-header .language-switcher, .fixed-header .language-switcher:hover .language-dropdown, .mega-menu__active .language-switcher, .mega-menu__active .language-switcher:hover .language-dropdown, .lock-scroll .language-switcher, .lock-scroll .language-switcher:hover .language-dropdown{
        color: white;
        background: transparent;
        padding: 0 0 0 0 ;
    }
   
    
    .show-lang{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .navigation .button{
        margin-left: 0!important;
    }

 
    /* .navigation .button, .navigation .button a{
        min-width: 170px;
    } */
    .navigation .menu-right .knop{
        margin-right: 16px;
    }
    .navigation .button{
        margin-left: 0;
    }
    .language-switcher .language-dropdown-btn{
        width: auto;
        padding-left: 0;
    }

    .language-switcher, .language-switcher:hover {
        border: none!important;
        background-color: transparent!important;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0; 
    }

    .button.arr::after{
        line-height: 24px;
        left: 19px;
    }

    .button.arr a{
        padding-left: 68px;
        line-height: 26px;
        font-size: 18px;
    }
    .button.arr:hover::after{
        top: 13px;
        left: 30px;
    }

    .footer .right-bottom .bottom-links .links, .extern-links{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 50%;
    }

    .uitgelichte-studies .content{
        width: 100%;
    }

    .uitgelichte-studies .knoppen{
        margin-top: 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .uitgelichte-studies .studies {
        position: relative;
        left: 0;
        width: 100%;
        display: none;
    }

    .studie-section::before{
        display: none;
    }

    .uitgelichte-studies .item-wrapper.studie{
        width: 100%;
    }
    .footer .right-bottom .links .link{
        width: 100%;
        margin-right: 0;
        padding-right: 30px;
    }

    .footer .bottom-links img {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .uitgelichte-studies{
        padding-top: 80px;
        padding-bottom: 80px;
        width: calc(100% - 33px);
        margin-right: 0;
    }

 

    .studies .filter{
        width: 100%;
        padding: 0;
    }

    .related-items .titels{
        width: 100%;
    }

    .related-items .slider{
        width: 100%;
    }

    .plate--column{
        min-height: 0px;
    }

    .navigation .text-button{
        display: none;
    }

    .navbar-toggler{
        display: block;
        margin-left: auto;
    }

    .main-content-wrapper, footer{
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .main-content-wrapper.pushed, footer.pushed{
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }

    body{
        overflow-x: hidden;
    }

    ul{
        padding-left: 0;
    }
    .paragraph ul{
        padding-left: 20px;
    }
    .navbar-wrapper{
        position: relative;
        z-index: 33333;
    }

    .menu-open .navbar-wrapper{
        position: absolute;
        z-index: 33333;
        top: 0;
        width: auto;
        right: 0;
    }

    .menu-open .navbar-brand img, .menu-open .navbar-brand {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }


    .paragraph li::before{
        left: unset;
        top: 7px;
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
    }
    .paragraph li::before {
        width: 6px;
        height: 6px;
    }

    .mega-menu-container {
        background: var(--pri-clr-1);
        height: 0;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        z-index: 40000;
    }

    .menu-open .mega-menu-container {
        opacity: 1;
        -webkit-transition: height 0s 0s, opacity .3s 0s ease-in-out, -webkit-transform .3s 0s ease-in-out;
        transition: height 0s 0s, opacity .3s 0s ease-in-out, -webkit-transform .3s 0s ease-in-out;
        transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out, -webkit-transform .3s 0s ease-in-out;
        height: 100vh;
        margin-top: 0px;
        overflow-y: auto;
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        -webkit-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        -moz-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        -ms-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        -o-transition: height 0s 0s, opacity .3s 0s ease-in-out, transform .3s 0s ease-in-out;
        z-index: 2000;
    }

    .show-mobile{
        display: block;
    }

    .accordion-image-wrapper{
        position: relative;
        height: 350px;
        width: 100%;
    }

    .accordion-image-wrapper .data-image{
        width: 100%;
        background-size: contain!important;
        background-position: center center;
    }

    .accordion-image-wrapper[data-mobile='true'] .desktop-image{
        display: none;
    }

    .navbar-inner{
        height: 130%;
    }
    .accordion-image-wrapper[data-mobile='true'] .mobile-image{
        display: block;
        height: 100%;
        top: 0;
        width: calc(100% + 66px);
        left: -33px;
    }

    .accordion-image-wrapper[data-active='false'] {
        display: none;
    }

    .accordion-wrapper .knop{
        display: none;
    }

    .accordion-image-wrapper{
        top: 0;
    }

    
    .accordion-wrapper .card:nth-last-child(1){
        margin-bottom: 40px;
    }

    .accordion-image-wrapper::before{
        display: none;
    }

    .firt-logo{
        display: none;
    }
    .secd-logo{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .section-image img {
        -o-object-fit: contain;
           object-fit: contain;
    }

}

@media screen and (max-width: 767px) {
    .plate--container{
        padding-left: 33px;
        padding-right: 33px;
    }

    .mobile-img-active .mobile-img{
        display: block;
    }

    .mobile-img-active .section-image-mobiel{
        display: block;
    }

    .mobile-img-active .desk-img{
        display: none;
    }
    
    .mobile-img-active .section-image-desktop{
        display: none;
    }

    .section-image{
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        width: 100%!important;

    }
    .image-left.right .section-image{
        width: 100%;
    }

    .section-image{
        transform: translateY(-0%);
        -webkit-transform: translateY(-0%);
        -moz-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        -o-transform: translateY(-0%);
    }


    .item-wrapper, .item-wrapper.studie:nth-child(3n), .item-wrapper.studie, .filter-hide .item-wrapper.studie, .filter-hide .item-wrapper.studie:nth-child(3n){
        width: 100%;
        margin-right: 0;
    }

    .post-header-wrapper{
        padding: 100px 0 225px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    .cta-links {
        text-align: center;
    }

    .cta-blok-icon-image{
        margin-left: auto;
        margin-right: auto;
    }

    .flex .cta-blok-icon-image{
        margin-left: 0;
        margin-right: 0;
    }

    .cta-blok-icon.flex .cta-blok-content{
        margin-left: 20px;
    }
    .text-button::before{
        top: 1px;   
    }

    .text-button:hover::before{
        top: 3px;
    }

    .cta-blok-content{
        text-align: center;
        padding-left: 16px;
        padding-right: 16px;
    }
    .footer .links a, .footer p{
        text-align: center;
        font-size: 20px;
        line-height: 32px;
        color: #757575;
    }

    .right-top{
        padding-top: 80px;
    }

    .extern-links{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .footer-bottom .left{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 100%;
        padding-top: 80px;
        padding-bottom: 60px;
        border-top: 1px solid #eaebef;
    }
    .footer .column h5{
        text-align: center;
    }
    .footer-bottom .right{
        padding: 0 0 30px 0;
    }

    
    .footer .right-bottom .bottom-links .links, .extern-links{
        width: 100%;
    }

    .footer .bottom-links{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    .footer .links .link{
        line-height: 40px;
        width: 100%;
        padding-right: 0;
    }

    .footer .right-bottom .links .link{
        padding-right: 0;
    }
   


    .review .swiper-container .cta-links{
        position: absolute;
        height: 100%;
        padding-top: 0;
        padding: 0 0 0 0;
        left: -33px;
        width: calc(100% + 66px);
        border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0;
        -o-border-radius: 0 0 0 0;
    }
    .review .swiper-container .cta-links:before{
        content: '';
        position: absolute;
        height: 100%;
        padding-top: 0;
        padding: 0 0 0 0;
        left: -33px;
        background: black;
        width: calc(100% + 66px);
        z-index: 10;
        opacity: .3;
    }

    .review .quote h3    {
        color: white;
        opacity: 1;
        text-align: center;
    }
    .review .swiper-container{
        overflow: visible;
    }
    .review .swiper-container .cta-rechts{
        position: relative;
        z-index: 23;
        padding-top: 180px;
        padding-bottom: 180px;
    }

    /* .review .swiper-container .cta-rechts{
        
    } */
    .post-header-wrapper .header-link{
        width: 100%;
        bottom: 0px;
        
        border-radius: 32px 0 0 0px;
        -webkit-border-radius: 32px 0 0 0px;
        -moz-border-radius: 32px 0 0 0px;
        -ms-border-radius: 32px 0 0 0px;
        -o-border-radius: 32px 0 0 0px;
    }

    .titels h2, .titels h1, .titels h3, .titels h4, .titels p{
        text-align: center;
    }   

    .cta-blok-icon.flex{
        margin-bottom: 15px;
    }
    .paragraph *{
        text-align: center!important;
    }
    .paragraph .text-left{
        text-align: left!important;
    }

    .numbers {
        margin-bottom: 30px;
    }

    .mar-top-parent{
        margin-top: 0;
    }
    .uitgelichte-studies, .mar-top{
        width: 100%;
        margin-right: 0;
        border-radius: 0 0 0 0;
    }

    .post-head .knop{
        margin-bottom: 0px;
    }

    .post-header-wrapper .title-container{
        width: 100%;
    }
    
    .post-header-wrapper .dates{
        -ms-flex-line-pack: start;
            align-content: flex-start;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; 
    }

    .post-head .knop{
        width: 100%;
    }

    .cta-links .knop, .navigation .knop{
        margin-bottom: 10px;
    }

    
    .cta-links .knop:nth-last-child(1){
        margin-bottom: 0;
    }

    .post-head .share{
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }

    .contact{
        margin-top: 15px;
    }
    .related-items .titels{
        padding-right: 0;
    }

    .uitgelichte-studies .plate--row{
        margin-left: 0px;
    }
    
    .knop{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .button{
        min-width: unset;
        margin-right: auto!important;
        margin-left: auto!important;
        margin-bottom: 16px;
    }

    .button.btn-hide{
        margin-bottom: 0;
        margin-left: 0!important;
    }

    .knop:nth-last-child(1) .button{
        margin-bottom: 0;
    }

    .review .swiper-menu{
        display: none;
    }

    .content p, .content h3 {
        text-align: center;
    }
    .section-image{
        position: relative;
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
    }

    .section-image picture img{
        position: relative;
    }

    .section-image picture{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }
    .left img, .right img{
        -o-object-position: center center;
           object-position: center center;
    } 

    .image-right.contain::before{
        display: none;
    }

    .image-right.contain.cover .section-image ,.image-right.contain .section-image {
        left: unset;
        top: 0;
        right: 0;
        height: 300px;
        width: calc(100% - 60px);
        background-size: contain;
        background-position: center center;
        margin: 0 auto;
    }

    .footer{
        background: unset;
    }

    .footer-top{
        background: url('../images/footer.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        overflow: hidden;
        position: relative;
        background-color: var(--pri-clr-1);
    }
    
    p:empty, h1:empty, h2:empty, h3:empty, h4:empty {
        display: none;
    }


    .item-wrapper.artikel .item-content p{
        display: none;
    }

    .post-header-wrapper.low-header {
        min-height: 300px;
        padding: 120px 0 85px;
    }

    /* .pagination .button{
        width: 30px;
        height: 30px;
        margin: 45px 2.5px 0;
    } */

    /* .pagination .button.arr::before{
        height: 30px;
        width: 30px;
    } */
    
    .header-link-inner p{
        margin-top: 5px;
    }

    .home-header{
        min-height: calc(100vh - 50px);
    }

    .contact-icon::before{
        left: unset;
        top: 0px;
        -webkit-transform: translateX(-33px);
            -ms-transform: translateX(-33px);
                transform: translateX(-33px);
        width: 14px;
    }
    .contact-icon{
        margin-bottom: 7px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .contact-icon p{
        width: auto;
        display: inline-block;
    }

    .contact-content{
        text-align: center;
    }

    .contact-header .contact-image{
        margin-left: auto;
        margin-right: auto;
    }

    .plate--row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .plate--column {
        padding-left: 0;
        padding-right: 0;
    }

    .anim-elem h2, .anim-elem h1, .anim-elem.card, .anim-elem.anim-elem-right .item-wrapper, .anim-elem.quote h3, .anim-elem.quote::before, .anim-elem.footer-top h3, .anim-elem.footer-bottom, .anim-elem .cta-wrapper{
        -webkit-transition-delay: .5s;
             -o-transition-delay: .5s;
                transition-delay: .5s;
        transition: all 1.2s ease-in-out;
        -webkit-transition: all 1.2s ease-in-out;
        -moz-transition: all 1.2s ease-in-out;
        -ms-transition: all 1.2s ease-in-out;
        -o-transition: all 1.2s ease-in-out;
}

    .anim-elem .intro, .anim-elem .usps, .anim-elem.recent, .anim-elem.artikel, .anim-elem.footer-top .knop{
        -webkit-transition-delay: .8s;
             -o-transition-delay: .8s;
                transition-delay: .8s;
        transition: all 1.5s ease-in-out;
        -webkit-transition: all 1.5s ease-in-out;
        -moz-transition: all 1.5s ease-in-out;
        -ms-transition: all 1.5s ease-in-out;
        -o-transition: all 1.5s ease-in-out;
    }

    .menu-open .navbar-brand{
        display: none;
    }

    .menu-open .bars{
        margin-top: 15px;
    }
}


.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ellipsis div {
    background-color: var(--pri-clr-1);
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    -webkit-animation: lds-ellipsis1 0.6s infinite;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    -webkit-animation: lds-ellipsis3 0.6s infinite;
    animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0);
    }
}