/*! {css-navigatie} */
/*
 * Header 
 */
:root {
    --headerHeight: 100px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 101;
}

.header:not(.megamenu-shown) .container {
    height: var(--headerHeight);
}

.wrapper {
    padding-top: var(--headerHeight);
}

.header__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    height: var(--headerHeight);
}

.header .container {
    display: flex;
    justify-content: space-between;
}

.header__logo {
    position: relative;
}

.header__logo__text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 20px;
    letter-spacing: 0.15em;
}

.header__media {
    width: 240px;
    height: auto;
}

.header__nav {
    align-self: flex-start;
    padding-top: 30px;
    display: flex;
}

/*
   * Closetrigger
   */
.closetrigger {
    position: absolute;
    z-index: 999;
}

.closetrigger--header {
    left: 0;
    right: 0;
    top: 0;
    height: 30px;
}

.closetrigger--left {
    left: 0;
    top: 0;
    width: 90px;
    height: 892px;
}

.closetrigger--right {
    right: 0;
    top: 0;
    width: 90px;
    height: 892px;
}

/*
   * Menu
   */
.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

.menu>li:not(:last-child) {
    margin-right: 25px;
}

.menu>li:not(:last-child)::after {
    content: "•";
    position: absolute;
    margin-left: 8px;
    color: #6fcaf3;
}

.menu__item {
    font-size: 21px;
    letter-spacing: 0.02em;
    font-weight: 600;
}

.menu__link {
    color: #005fa5;
    display: inline-block;
    position: relative;
}

.menu__item--current .menu__link::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #6fcaf3;
}

.menu__item:hover .menu__link::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #6fcaf3;
}

/**
   * Searchicon 
   */
.searchicon {
    margin-left: 20px;
}

.searchicon__media {
    width: 24px;
    height: auto;
    cursor: pointer;
}

/**
   * Searchbox
   */
.search {
    border: none;
    background-color: #fff;
    padding: 13px 12px 13px 20px;
    width: 100%;
    display: flex;
}

.search .search__input {
    flex-grow: 1;
    border: none;
    padding: 0;
    color: #007dbe;
}

.search .search__input::placeholder {
    color: #007dbe;
    opacity: 1;
}

.search .search__input:focus,
.search .search__input:active {
    outline: none;
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search .search__btn {
    border: none;
    background: none;
    cursor: pointer;
}

.search__media {
    width: 24px;
    height: auto;
    display: block;
}

/**
   * Megamenu active state
   */
.header.megamenu-shown .header__bg {
    background-color: #6fcaf3;
}

.header.megamenu-shown .menu {
    padding-bottom: 30px;
}

.header.megamenu-shown .menu>li:not(:last-child)::after {
    color: #fff;
}

.header.megamenu-shown .menu__item--current .menu__link::after,
.header.megamenu-shown .menu__item:hover .menu__link::after {
    background-color: #fff;
}

/*
   * Megamenu
   */
.header__megamenu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: var(--headerHeight);
    background-color: #6fcaf3;
    z-index: 102;
    /* height: 100vh; */
}

.header__megamenu.is-active {
    display: block;
}

.megamenu {
    width: calc(100% + 60px);
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-top: 100px;
    padding-bottom: 105px;
    margin-left: -30px;
    margin-right: -30px;
    position: relative;
}

.megamenu__group {
    width: 25%;
    padding-left: 30px;
    padding-right: 30px;
}

.megamenu__group__title {
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #005fa5;
    font-weight: 600;
    /* Border */
    position: relative;
    display: block;
    padding-bottom: 22px;
    margin-bottom: 24px;
}

.megamenu__group__title:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    bottom: -4px;
}

.megamenu li:nth-last-child(-n+4)>.megamenu__group__title:after {
    width: 75%;
}

.megamenu__sub {
    list-style: none;
    padding: 0;
    margin: 0;
}

.megamenu__sub__item {
    display: flex;
    margin-bottom: 12px;
}

.megamenu__link {
    font-size: 25px;
    color: #005fa5;
    font-weight: 500;
}

.megamenu__sub__item::before {
    content: "•";
    color: #fff;
    font-size: 25px;
    margin-right: 10px;
}

.megamenu__group {
    margin-bottom: 90px;
}

.megamenu__group--search {
    padding-top: 10px;
}

/*
   * Megamenu close button
   */
.megamenu__close {
    position: absolute;
    bottom: 300px;
    padding-right: 30px;
    right: 0;
}

.megamenu__close__btn {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: inherit;
    color: #fff;
    cursor: pointer;
}

.megamenu__close__icon {
    margin-left: 15px;
}

.megamenu__close__icon svg {
    fill: #fff;
    height: 30px;
    width: 30px;
}

/**
   * Mobile menu
   */
.header__burger {
    display: none;
}

/*
   * Overlay
   */
.wrapper {
    position: relative;
}

.page__overlay {
    display: none;
    z-index: 99;
    background: rgba(133, 207, 237, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.page__overlay.is-active {
    display: block;
}

/********************************************
   * 1920 - 1905 90% {css-navigatie}
   ********************************************/
@media screen and (max-width: 1920px) and (min-width: 1905px) {

    /*
       * Header 
       */
    :root {
        --headerHeight: 90px;
    }

    .header:not(.megamenu-shown) .container {
        height: var(--headerHeight);
    }

    .wrapper {
        padding-top: var(--headerHeight);
    }

    .header__bg {
        height: var(--headerHeight);
    }

    .header__logo__text {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 18px;
        letter-spacing: 0.15em;
    }

    .header__media {
        width: 216px;
        height: auto;
    }

    .header__nav {
        padding-top: 27px;
    }

    /*
       * Closetrigger
       */
    .closetrigger--header {
        height: 27px;
    }

    .closetrigger--left {
        left: 0;
        top: 0;
        width: 81px;
        height: 805px;
    }

    .closetrigger--right {
        right: 0;
        top: 0;
        width: 81px;
        height: 805px;
    }

    /*
       * Menu
       */
    .menu>li:not(:last-child) {
        margin-right: 23px;
    }

    .menu>li:not(:last-child)::after {
        margin-left: 7px;
    }

    .menu__item {
        font-size: 19px;
    }

    .menu__item--current .menu__link::after {
        bottom: -5px;
        height: 4px;
    }

    .menu__item:hover .menu__link::after {
        bottom: -5px;
        height: 4px;
    }

    /**
       * Searchicon 
       */
    .searchicon {
        margin-left: 18px;
    }

    .searchicon__media {
        width: 22px;
    }

    /**
       * Searchbox
       */
    .search {
        padding: 12px 11px 12px 18px;
    }

    .search__media {
        width: 22px;
    }

    /**
       * Megamenu active state
       */
    .header.megamenu-shown .menu {
        padding-bottom: 27px;
    }

    /*
       * Megamenu
       */
    .header__megamenu {
        top: var(--headerHeight);
    }

    .megamenu {
        width: calc(100% + 54px);
        padding-top: 90px;
        padding-bottom: 90px;
        margin-left: -27px;
        margin-right: -27px;
    }

    .megamenu__group {
        padding-left: 27px;
        padding-right: 27px;
    }

    .megamenu__group__title {
        font-size: 27px;
        padding-bottom: 20px;
        margin-bottom: 22px;
    }

    .megamenu__group__title:after {
        height: 4px;
        bottom: -4px;
    }

    .megamenu__sub__item {
        margin-bottom: 11px;
    }

    .megamenu__link {
        font-size: 23px;
    }

    .megamenu__sub__item::before {
        font-size: 23px;
        margin-right: 9px;
    }

    .megamenu__group {
        margin-bottom: 81px;
    }

    .megamenu__group--search {
        padding-top: 9px;
    }

    /*
       * Megamenu close button
       */
    .megamenu__close {
        bottom: 270px;
        padding-right: 27px;
    }

    .megamenu__close__icon {
        margin-left: 14px;
    }

    .megamenu__close__icon svg {
        height: 27px;
        width: 27px;
    }

}

/*********************************************
   * VW 1905 {css-navigatie}
   *********************************************/
@media screen and (max-width: 1905px) and (min-width: 760px) {

    /*
       * Header 
       */
    :root {
        --headerHeight: 4.688vw;
    }

    .header:not(.megamenu-shown) .container {
        height: var(--headerHeight);
    }

    .wrapper {
        padding-top: var(--headerHeight);
    }

    .header__bg {
        height: var(--headerHeight);
    }

    .header__logo__text {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 0.938vw;
        letter-spacing: 0.15em;
    }

    .header__media {
        width: 11.250vw;
        height: auto;
    }

    .header__nav {
        padding-top: 1.406vw;
    }

    /*
       * Closetrigger
       */
    .closetrigger--header {
        height: 1.406vw;
    }

    .closetrigger--left {
        left: 0;
        top: 0;
        width: 4.219vw;
        height: 41.927vw;
    }

    .closetrigger--right {
        right: 0;
        top: 0;
        width: 4.219vw;
        height: 41.927vw;
    }

    /*
       * Menu
       */
    .menu>li:not(:last-child) {
        margin-right: 1.198vw;
    }

    .menu>li:not(:last-child)::after {
        margin-left: 0.365vw;
    }

    .menu__item {
        font-size: 0.990vw;
    }

    .menu__item--current .menu__link::after {
        bottom: -0.260vw;
        height: 0.208vw;
    }

    .menu__item:hover .menu__link::after {
        bottom: -0.260vw;
        height: 0.208vw;
    }

    /**
       * Searchicon 
       */
    .searchicon {
        margin-left: 0.938vw;
    }

    .searchicon__media {
        width: 1.146vw;
    }

    /**
       * Searchbox
       */
    .search {
        padding: 0.625vw 0.573vw 0.625vw 0.938vw;
    }

    .search__media {
        width: 1.146vw;
    }

    /**
       * Megamenu active state
       */
    .header.megamenu-shown .menu {
        padding-bottom: 1.406vw;
    }

    /*
       * Megamenu
       */
    .header__megamenu {
        top: var(--headerHeight);
    }

    .megamenu {
        width: calc(100% + 2.813vw);
        padding-top: 4.688vw;
        padding-bottom: 4.688vw;
        margin-left: -1.406vw;
        margin-right: -1.406vw;
    }

    .megamenu__group {
        padding-left: 1.406vw;
        padding-right: 1.406vw;
    }

    .megamenu__group__title {
        font-size: 1.406vw;
        padding-bottom: 1.042vw;
        margin-bottom: 1.146vw;
    }

    .megamenu__group__title:after {
        height: 0.208vw;
        bottom: -0.208vw;
    }

    .megamenu__sub__item {
        margin-bottom: 0.573vw;
    }

    .megamenu__link {
        font-size: 1.198vw;
    }

    .megamenu__sub__item::before {
        font-size: 1.198vw;
        margin-right: 0.530vw;
    }

    .megamenu__group {
        margin-bottom: 4.219vw;
    }

    .megamenu__group--search {
        padding-top: 0.469vw;
    }

    /*
       * Megamenu close button
       */
    .megamenu__close {
        bottom: 14.063vw;
        padding-right: 1.406vw;
    }

    .megamenu__close__icon {
        margin-left: 0.729vw;
    }

    .megamenu__close__icon svg {
        height: 1.406vw;
        width: 1.406vw;
    }

}




/********************************************
   * 1024 - 760 {css-navigatie} 
   ********************************************/
@media screen and (max-width:1024px) and (min-width: 761px) {

    .menu__item {
        font-size: 13px;
    }

    .menu>li:not(:last-child) {
        margin-right: 16px;
    }

    .menu>li:not(:last-child)::after {
        margin-left: 6px;
    }

    .megamenu__group__title {
        font-size: 15px;
    }

    .megamenu__link {
        font-size: 14px;
    }

    .megamenu__sub__item::before {
        font-size: 14px;
    }

    .header__logo__text {
        display: none;
    }

    .header__nav {
        padding-top: 18px;
    }

    /* Styling */
    :root {
        --headerHeight: 60px;
    }

    .megamenu__group--search {
        padding-top: 10px;
    }

    .megamenu__group--search .search__input {
        width: 100%;
        display: block;
        font-size: 14px !important;
    }

    .megamenu__close__btn.font-28 {
        font-size: 15px;
    }

    .megamenu__close__icon svg {
        width: 12px;
        height: 10px;
    }

    /* Close trigger*/
    .closetrigger--left {
        left: 0;
        top: 0;
        width: 3.5vw;
        height: 41.927vw;
    }

    .closetrigger--right {
        right: 0;
        top: 0;
        width: 3.5vw;
        height: 41.927vw;
    }
}


/********************************************
   * MOBILE 760 {css-navigatie} 
   ********************************************/
@media screen and (max-width: 760px) {
    .megamenu__group.first .megamenu__group__title {
        font-size: 18px;
        font-weight: 500;
    }

    .megamenu .search {
        border: none;
        background-color: #fff;
        padding: 13px 12px 13px 20px;
        width: 100%;
        display: flex;
    }

    .menu__item {
        font-size: 10px;
    }

    .megamenu__group__title {
        font-size: 20px;
    }

    .megamenu__link {
        font-size: 18px;
    }

    .megamenu__sub {
        padding-bottom: 10px;
    }

    .megamenu__sub__item::before {
        font-size: 16px;
    }

    /* Switch the normal nav to no nav and hamburger button */
    .header__nav .menu,
    .searchicon {
        display: none;
    }

    .header__burger {
        display: block;
    }

    .megamenu__close {
        display: none;
    }

    /* Hamburger */
    .hamburger {
        padding: 12px 0 9px 16px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after,
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        background-color: #007dbe;
    }

    .hamburger-box {
        width: 30px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 30px;
    }

    .hamburger-inner::before {
        top: -9px;
    }

    .hamburger-inner::after {
        bottom: -9px;
    }

    /* Scrollable inner */
    body.menu-collapsed {
        overflow: hidden;
    }

    .header.megamenu-shown {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .header__megamenu .container,
    .megamenu,
    .header.megamenu-shown {
        background-color: #6fcaf3;
    }

    /* Layout */
    .megamenu {
        display: flex;
        flex-direction: column;
    }

    .megamenu__group {
        width: 100%;
        margin-bottom: 2rem;
    }

    .megamenu li:nth-last-child(-n+4)>.megamenu__group__title::after {
        width: 100%;
    }

    /* Search */
    .megamenu__group--search {
        padding-top: 0;
        margin-bottom: 0;
    }

    .megamenu__group--search .search__input {
        font-size: 16px;
    }

    /* Styling */
    :root {
        --headerHeight: 50px;
    }

    .header__media {
        width: 112px;
    }

    .megamenu {
        padding-top: 60px;
        line-height: 1;
    }

    .header__nav {
        padding-top: 0;
    }

    /* Groups */
    .megamenu__group__title {
        padding: 0;
        margin-bottom: 15px;
    }

    .megamenu__group {
        margin-bottom: 24px;
    }

    .megamenu__group--search {
        margin-bottom: 40px;
    }

    /* Lines */
    .megamenu__group__title::after {
        content: none;
    }

    .megamenu__group__title::before {
        content: "";
        display: block;
        height: 2px;
        background-color: #fff;
        position: absolute;
        width: 100%;
        top: -18px;
    }

    .closetrigger--header {
        height: 0;
    }

    .closetrigger {
        display: none;
    }
}

/*! {css-algemeen} */
* {
    box-sizing: border-box;
}

body {
    font-family: 'Commissioner', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
}

.bannerslide {
    margin: 0 auto;
    max-width: 1920px;
}

.container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 90px;
    position: relative;
}

.container-full {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.g-c {
    grid-row-gap: 60px;
}

.wrapper {
    min-height: 100%;

}

a {
    text-decoration: none;
}

b,
strong {
    font-weight: 600;
}

p {
    margin-bottom: 40px;
    margin-top: 0px;
    font-weight: 400;
    color: #000;
}


h1,
h2,
h3,
h4,
h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}


.row ul,
.pb-blok ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;

}

.homekeuze li,
.pb-blok li {
    position: relative;
    padding-left: 20px;
}

.homekeuze li:before,
.pb-blok li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: 0;
}

.item img {
    max-width: 100%;
}

.row {
    margin-left: -30px;
    margin-right: -30px;
}

.item {
    margin-bottom: 60px;
    /*color: #505050;*/
    color: black;

}


/*90%*/

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


    body {
        font-size: 19px;
        line-height: 33px;
    }

    .container {
        max-width: 1728px;
        padding: 0 81px;
    }

    .bannerslide {
        margin: 0 auto;
        max-width: 1728px;
    }

    .container-full {
        max-width: 1728px;
    }

    .g-c {
        grid-row-gap: 54px;
    }



    p {
        margin-bottom: 36px;
    }


    .homekeuze li,
    .pb-blok li {
        padding-left: 18px;
    }



    .row {
        margin-left: -27px;
        margin-right: -27px;
    }

    .item {
        margin-bottom: 54px;
    }

}







/*VW*/

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


    body {
        font-size: 0.990vw;
        line-height: 1.719vw;
    }

    .container {
        max-width: 90vw;
        padding: 0 4.219vw;
    }

    .bannerslide {
        margin: 0 auto;
        max-width: 90vw;
    }

    .container-full {
        max-width: 90vw;
    }

    .g-c {
        grid-row-gap: 2.813vw;
    }



    p {
        margin-bottom: 1.875vw;
    }


    .homekeuze li,
    .pb-blok li {
        padding-left: 0.938vw;
    }



    .row {
        margin-left: -1.406vw;
        margin-right: -1.406vw;
    }

    .item {
        margin-bottom: 2.813vw;
    }

}





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

    .container {
        max-width: 100%;
    }

    .bannerslide {
        margin: 0 auto;
        max-width: 91.562vw;
    }

    body {
        font-size: 16px;
        line-height: 24px;
    }
}


@media only screen and (max-width: 760px) {
    .bannerslide {
        margin: 0 auto;
        max-width: 100%;
    }
}

/*! {css-classes}*/
.txtblok ol li:before,
.kop-txt ol li:before {
    display: none;
}

ul li ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#page-megamenu a:hover {
    color: white;
}

.deskhide {
    display: none !important;
}

.item-padright-none {
    padding-right: 0px !important;
}

.item-padleft-none {
    padding-left: 0px !important;
}

.item-marginbottom-less,
.item-margin-bottom-less {
    margin-bottom: 30px !important;
}

.item-marginbottom-20,
.item-margin-bottom-20 {
    margin-bottom: 20px !important;
}


.item-marginbottom-none,
.item-margin-bottom-none {
    margin-bottom: 0px !important;
}

/*FONTS*/

.font-italic {
    font-style: italic;
}

.font-500,
.font-500 p {
    font-weight: 500;
}

.font-600,
.font-600 p {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.font-800 {
    font-weight: 800;
}

.font-70 {
    font-size: 70px;
    line-height: 80px;
}

.font-15 {
    font-size: 15px;
}

.font-17 {
    font-size: 17px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-25 {
    font-size: 25px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-35 {
    font-size: 35px;
}

.font-36 {
    font-size: 36px;
}

.font-40 {
    font-size: 40px;
}

.font-48 {
    font-size: 48px;
    line-height: 1.1;
}

.font-50 {
    font-size: 50px;
    line-height: 55px;
}

.font-70 {
    font-size: 70px;
}

.font-72 {
    font-size: 72px;
}

.line-18 {
    line-height: 18px;
}

.line-35 {
    line-height: 35px;
}

.line-40 {
    line-height: 40px;
}



.line-45 {
    line-height: 45px;
}

.line-48 {
    line-height: 48px;
}

.line-58 {
    line-height: 58px;
}

.line-60 {
    line-height: 60px;
}

.line-80 {
    line-height: 80px;
}

.line-86 {
    line-height: 86px;
}

.uppercase {
    text-transform: uppercase;
}

.relative {
    position: relative;
}

.relativecontainer {
    height: 100%;
    position: relative;
}

.block {
    display: block;
}


.top-up {
    margin-top: -90px;
}

.margin-none {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-bottom-none {
    margin-bottom: 0px;
}


/*koppen*/
.txt h2 {
    margin-bottom: 45px;
    margin-top: 0px;
}

/*KLEUREN*/

.font-lichtblauw {
    color: #6fcaf3;
}

.font-blauw,
.font-blauw p {
    color: #007dbe;
}

.font-donkerblauw {
    color: #005fa5;
}

.font-zwart {
    color: #000;
}



.font-wit,
.font-wit p {
    color: white;
}

.font-grijs,
.font-grijs p {
    color: #b2b2b2;
}

.bg-wit {
    background: white;
}

.bg-lichtblauw {
    background: #6fcaf3;
}

.bg-blauw {
    background: #007dbe;
}


.bg-donkerblauw {
    background: #005fa5;
}

/*LETTER SPACING*/

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-1-4 {
    letter-spacing: 1.4px;
}


.letter-spacing-2 {
    letter-spacing: 2px;
}

.letter-spacing-3 {
    letter-spacing: 3px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}



.center-t {

    align-items: center;

}


.more {
    display: block;
    padding-top: 30px;
}

.more a {
    text-decoration: none;
    color: #007dbe;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 1px;
}

.more a:hover {
    text-decoration: underline;
}

.absolute-bottom {
    position: absolute;
    bottom: 0px;
}


.pad-right-10 {
    padding-right: 10px;
}



/*90%*/

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

    .item-marginbottom-less,
    .item-margin-bottom-less {
        margin-bottom: 27px !important;
    }

    .item-marginbottom-20,
    .item-margin-bottom-20 {
        margin-bottom: 18px !important;
    }



    /*FONTS*/

    .font-70 {
        font-size: 63px;
        line-height: 72px;
    }

    .font-15 {
        font-size: 14px;
    }

    .font-17 {
        font-size: 15px;
    }

    .font-20 {
        font-size: 19px;
    }

    .font-22 {
        font-size: 20px;
    }

    .font-25 {
        font-size: 23px;
    }

    .font-28 {
        font-size: 25px;
    }

    .font-30 {
        font-size: 27px;
    }

    .font-35 {
        font-size: 32px;
    }

    .font-36 {
        font-size: 32px;
    }

    .font-40 {
        font-size: 36px;
    }

    .font-48 {
        font-size: 43px;
        line-height: 1.1;
    }

    .font-50 {
        font-size: 45px;
        line-height: 50px;
    }

    .font-70 {
        font-size: 63px;
    }

    .font-72 {
        font-size: 65px;
    }

    .line-18 {
        line-height: 16px;
    }

    .line-35 {
        line-height: 32px;
    }

    .line-40 {
        line-height: 36px;
    }



    .line-45 {
        line-height: 41px;
    }

    .line-48 {
        line-height: 43px;
    }

    .line-58 {
        line-height: 52px;
    }

    .line-60 {
        line-height: 54px;
    }

    .line-80 {
        line-height: 72px;
    }

    .line-86 {
        line-height: 77px;
    }



    .top-up {
        margin-top: -81px;
    }




    /*koppen*/
    .txt h2 {
        margin-bottom: 41px;
    }





    /*LETTER SPACING*/

    .letter-spacing-1 {
        letter-spacing: 1px;
    }

    .letter-spacing-1-4 {
        letter-spacing: 1.4px;
    }


    .letter-spacing-2 {
        letter-spacing: 2px;
    }

    .letter-spacing-3 {
        letter-spacing: 3px;
    }

    .letter-spacing-4 {
        letter-spacing: 4px;
    }



    .more {
        padding-top: 27px;
    }

    .more a {
        font-size: 19px;
        line-height: 31px;
        letter-spacing: 1px;
    }




    .pad-right-10 {
        padding-right: 9px;
    }


}





/*VW%*/

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

    .item-marginbottom-less,
    .item-margin-bottom-less {
        margin-bottom: 1.406vw !important;
    }

    .item-marginbottom-20,
    .item-margin-bottom-20 {
        margin-bottom: 0.938vw !important;
    }



    /*FONTS*/

    .font-70 {
        font-size: 3.281vw;
        line-height: 3.750vw;
    }

    .font-15 {
        font-size: 0.729vw;
    }

    .font-17 {
        font-size: 0.781vw;
    }

    .font-20 {
        font-size: 0.990vw;
    }

    .font-22 {
        font-size: 1.042vw;
    }

    .font-25 {
        font-size: 1.198vw;
    }

    .font-28 {
        font-size: 1.302vw;
    }

    .font-30 {
        font-size: 1.406vw;
    }

    .font-35 {
        font-size: 1.667vw;
    }

    .font-36 {
        font-size: 1.669vw;
    }

    .font-40 {
        font-size: 1.875vw;
    }

    .font-48 {
        font-size: 2.240vw;
        line-height: 1.1;
    }

    .font-50 {
        font-size: 2.344vw;
        line-height: 2.604vw;
    }

    .font-70 {
        font-size: 3.281vw;
    }

    .font-72 {
        font-size: 3.385vw;
    }

    .line-18 {
        line-height: 0.833vw;
    }

    .line-35 {
        line-height: 1.667vw;
    }

    .line-40 {
        line-height: 1.875vw;
    }



    .line-45 {
        line-height: 2.135vw;
    }

    .line-48 {
        line-height: 2.240vw;
    }

    .line-58 {
        line-height: 2.708vw;
    }

    .line-60 {
        line-height: 2.813vw;
    }

    .line-80 {
        line-height: 3.750vw;
    }

    .line-86 {
        line-height: 4.010vw;
    }



    .top-up {
        margin-top: -4.219vw;
    }




    /*koppen*/
    .txt h2 {
        margin-bottom: 2.135vw;
    }





    /*LETTER SPACING*/

    .letter-spacing-1 {
        letter-spacing: 0.052vw;
    }

    .letter-spacing-1-4 {
        letter-spacing: 0.073vw;
    }


    .letter-spacing-2 {
        letter-spacing: 0.104vw;
    }

    .letter-spacing-3 {
        letter-spacing: 0.156vw;
    }

    .letter-spacing-4 {
        letter-spacing: 0.208vw;
    }



    .more {
        padding-top: 1.406vw;
    }

    .more a {
        font-size: 0.990vw;
        line-height: 1.615vw;
        letter-spacing: 0.052vw;
    }




    .pad-right-10 {
        padding-right: 0.469vw;
    }


}


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

    .mob-center {
        text-align: center;
    }

    .mobhide {
        display: none !important;
    }

    .deskhide {
        display: block !important;
    }

    .mobblock {
        display: block;
    }



    .mobpos-1 {
        order: 1;
    }

    .mobpos-2 {
        order: 2;
    }

    .mobpos-3 {
        order: 3;
    }

    .mobpos-4 {
        order: 4;
    }

    .mobpos-5 {
        order: 5;
    }

    .mobpos-6 {
        order: 6;
    }

    .mobpos-7 {
        order: 7;
    }

    .mobpos-8 {
        order: 8;
    }

    .mobpos-9 {
        order: 9;
    }

    .mobpos-10 {
        order: 10;
    }

    .mobpos-11 {
        order: 11;
    }

    .mobpos-12 {
        order: 12;
    }

    .mobpos-13 {
        order: 13;
    }

    .mobpos-14 {
        order: 14;
    }

    .mobpos-15 {
        order: 15;
    }

    .mobpos-16 {
        order: 16;
    }

    .mobpos-17 {
        order: 17;
    }

    .mobpos-18 {
        order: 18;
    }

    .mobpos-19 {
        order: 19;
    }

    .mobpos-20 {
        order: 20;
    }

    .mobpos-21 {
        order: 21;
    }

    .mobpos-22 {
        order: 22;
    }

    .mobpos-23 {
        order: 23;
    }

    .mobpos-24 {
        order: 24;
    }

}

/*! {css-banner} */
.banner {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 880px;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
}

.banner-home .bannercontent-top {
    margin-top: 200px;
    background: rgba(255, 255, 255, .85);
    padding: 55px 55px 55px 55px;
}

.banner-home .bannercontent-bottom {
    background: rgba(111, 202, 243, .95);
    padding: 25px 55px 25px 55px;
}
/* Homepage banner links */
.bannercontent-bottom {
    position: relative;
}

.bannercontent-bottom.is-link::after {
    content: ">";
    position: absolute;
    color: #fff;
    font-size: 55px;
    font-weight: 500;
    right: 30px;
    bottom: 35%;
    transition: 0.35s;
}

.bannercontent-bottom.is-link:hover:after {
    right: 20px;
}




/*90%*/

@media only screen and (max-width: 1920px) {
    .banner {
        height: 792px;
        max-width: 1728px;
    }

    .banner-home .bannercontent-top {
        margin-top: 180px;
        padding: 50px 50px 50px 50px;
    }

    .banner-home .bannercontent-bottom {
        padding: 23px 50px 23px 50px;
    }

    .bannercontent-bottom.is-link::after {
        font-size: 50px;
        right: 27px;
    }

    .bannercontent-bottom.is-link:hover:after {
        right: 18px;
    }
}




/*VW*/
@media only screen and (max-width: 1905px) {
    .banner {
        height: 41.250vw;
        max-width: 90vw;
    }

    .banner-home .bannercontent-top {
        margin-top: 9.375vw;
        padding: 2.604vw 2.604vw 2.604vw 2.604vw;
    }

    .banner-home .bannercontent-bottom {
        padding: 1.198vw 2.604vw 1.198vw 2.604vw;
    }

    .bannercontent-bottom.is-link::after {
        font-size: 2.604vw;
        right: 1.406vw;
    }

    .bannercontent-bottom.is-link:hover:after {
        right: 0.938vw;
    }
}

@media only screen and (max-width: 1024px) {
    .bannercontent-bottom.is-link::after {
        font-size: 22px;
        right: 20px;
        bottom: 30%;
    }

    .bannercontent-bottom.is-link:hover:after {
        right: 15px;
    }
}

@media only screen and (max-width: 760px) {
    .bannercontent-bottom.is-link::after {
        font-size: 20px;
        right: 15px;
        bottom: 25%;
    }

    .bannercontent-bottom.is-link:hover:after {
        right: 15px;
    }
}

/* {css-homepage} */
.homekeuze .top,
.homekeuze .bottom {
    padding: 30px;
}

.homekeuze li:before,
.homekeuze a:hover {
    color: white;
}

.homekeuze .categorie {
    margin-bottom: 40px;
}

.homekeuze .kop {
    padding-bottom: 25px;
}

.homekeuze .bottom {
    padding-bottom: 20px;
    padding-top: 25px;
}

.pb-blok .homekeuze ul li {
    margin-bottom: 10px;
}


.specialisaties .transformatie {
    display: flex;
}

.specialisatieblok {
    flex-direction: row;
    display: flex;
    color: white;

    height: calc(100% - 10px);
    /*100%*/
}


.specialisatieblok .kop {
    color: white;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


/*90%*/

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

    .homekeuze .top,
    .homekeuze .bottom {
        padding: 27px;
    }

    .pb-blok .homekeuze ul li {
        margin-bottom: 9px;
    }


    .homekeuze .categorie {
        margin-bottom: 36px;
    }

    .homekeuze .kop {
        padding-bottom: 23px;
    }

    .homekeuze .bottom {
        padding-bottom: 18px;
        padding-top: 23px;
    }

    .specialisatieblok .kop {
        font-size: 23px;
        letter-spacing: 2px;

    }

    .specialisatieblok {
        height: calc(100% - 9px);
    }
}





/*VWs*/

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

    .homekeuze .top,
    .homekeuze .bottom {
        padding: 1.406vw;
    }

    .pb-blok .homekeuze ul li {
        margin-bottom: 0.472vw;
    }


    .homekeuze .categorie {
        margin-bottom: 1.875vw;
    }

    .homekeuze .kop {
        padding-bottom: 1.198vw;
    }

    .homekeuze .bottom {
        padding-bottom: 0.945vw;
        padding-top: 1.198vw;
    }

    .specialisatieblok .kop {
        font-size: 1.198vw;
        letter-spacing: 0.104vw;

    }

    .specialisatieblok {
        height: calc(100% - 0.469vw);
    }
}

/*! {css-blokken} */
/* Disciplines */
.specialisatieblok {
    text-align: center;
}

/*Introblok detail page ed*/

.introblok {
    margin-top: -320px;
}

.contact .introblok {
    margin-top: 0px;
}

.introblok .intro-top {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 35px;
    padding-bottom: 35px;
}


.pr-detail .introblok .intro-bottom {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 125px;
    padding-bottom: 60px;
}

.detail .introblok .intro-bottom {
    padding-left: 150px;
    padding-right: 90px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.detail .introblok .intro-bottom .kop {
    margin-bottom: 80px;
}

.info-item .left {
    font-size: 24px;
    line-height: 48px;
    width: 240px;
}

.info-item {
    display: flex;
}


.intro-bottom .info {
    margin-top: 75px;
}

.intro-bottom p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.intro-bottom .info-item .left {
    font-size: 24px;
    line-height: 48px;
    width: 240px;
    margin-right: 60px;
}

.intro-bottom .info-item .right {
    font-size: 24px;
    line-height: 48px;
    /*width:240px;*/
    width: 420px;
}

.intro-txt .breadcrumbs {
    margin-bottom: 100px;
    margin-top: 15px;
    font-size: 17px;
    line-height: 21px;
    padding-top: 10px;
}


.detail .intro-txt {
    margin-top: 0px;
    display: grid;
}

.detail .breadcrumbs {
    margin-bottom: 15px;
}

/*
	.detail.werken-bij .introblok .intro-bottom{
		padding-right:130px;
		padding-top:145px;
	}*/

.detail.vacature .introblok .introtxt {
    padding-top: 35px;
}

.intro-txt .zoek-vacature {
    margin-top: 135px;
    margin-left: 150px;
}

/*kop blok*/
.kopblok {
    margin-bottom: 40px;
    /*fix voor lineheight*/
}

/*kop/img/txt blok*/
.kop-img-txt-blok .kop {
    margin-bottom: 15px;
}

.kop-img-txt-blok .img {
    margin-bottom: 15px;
}

/*kop-txt blok*/
.kop-txt-blok .kop {
    margin-bottom: 40px;
}

.kop-txt-blok li:before {
    color: #007dbe;
}


/*slider*/
.arrows {
    display: flex;
}

.leftarrow {
    background-image: url(/assets/theme/img/arrow-left.png);
    width: 43px;
    height: 66px;
    background-size: cover;
    position: absolute;
    left: 90px;
}

.rightarrow {
    background-image: url(/assets/theme/img/arrow-right.png);
    width: 43px;
    height: 66px;
    background-size: cover;
    position: absolute;
    right: 90px;
}

.rightarrow:hover,
.leftarrow:hover {
    cursor: pointer;
}

.projectimg {
    position: relative;
}


.projectslider {
    position: relative;
}

.projectslider .arrows {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 50%;
    transform: translate(0, -50%);
    height: 66px;
}

.projectslider-txtvlak {
    background: white;
    width: 1050px;
    position: absolute;
    right: 90px;
    bottom: 60px;

}

.projectslider-txtvlak p {
    padding-left: 60px;
    padding-right: 150px;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 0px;
}

/*txtblok*/

.txtblok b,
.txtblok strong,
.kop-txt b,
.kop-txt strong {
    font-weight: 600;
    color: #007dbe;
}

.txtblok li:before,
.kop-txt li:before {
    color: #007dbe;
}

.txtblok li,
.kop-txt li {
    color: #000;
}


/*koptxt blok*/
.kop-txt .kop {
    margin-bottom: 40px;
}

.pb-blok ul li {
    margin-bottom: 15px;
}

/*werkzaamheden blok*/

.pb-werkzaamheden .opsomming,
.pb-werkzaamheden .afb img {
    height: 557px;
}

.pb-werkzaamheden .kop {
    margin-bottom: 40px;
}

.pb-werkzaamheden .opsomming {
    margin-left: -30px;

}

.pb-werkzaamheden .opsomming .inhoud {
    padding-left: 30px;
    padding-top: 65px;
    padding-bottom: 65px;
}

.pb-werkzaamheden .opsomming li {
    margin-bottom: 10px;
}


/*quoteblok*/
.quoteblok.left {
    padding-left: 65px;
    padding-right: 28px;
}

.quoteblok.right {
    padding-right: 67px;
    padding-left: 30px;
}

.quoteblok.right-top {
    padding-left: 30px;
}

.quoteblok .inhoud {
    border: 2px solid #6fcaf3;
    position: relative;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
}

.quoteblok .quote-right-top .inhoud {
    padding-bottom: 30px;
}

.quoteblok .quote-left {
    background-image: url(/assets/theme/img/quote-hoek-links.jpg);
    width: 42px;
    height: 32px;
    background-size: cover;
    position: absolute;
    left: -42px;
    bottom: -2px;

}

.quoteblok .quote-right {
    background-image: url(/assets/theme/img/quote-hoek-rechts.png);
    width: 42px;
    height: 32px;
    background-size: cover;
    position: absolute;
    right: -42px;
    bottom: -2px;
}

.quoteblok .quote-right-top {
    background-image: url(/assets/theme/img/quote-hoek-rechts-boven.png);
    width: 42px;
    height: 32px;
    background-size: cover;
    position: absolute;
    right: -42px;
    top: -2px;
}

.quoteblok .citaat {
    margin-bottom: 15px;
}




/*blok meer informatie*/
.pb-meer .inhoud {
    padding-left: 45px;
    padding-top: 55px;
    padding-right: 45px;
    padding-bottom: 30px;
}

.pb-meer .kop {
    margin-bottom: 15px;
}

.pb-meer .cta {
    max-width: 240px;
    margin-top: 30px;
    max-height: 60px;
}



/*blok bgkleur met kop en txt*/
.bgtxtblok .inhoud {
    padding-left: 150px;
    padding-right: 130px;
    padding-top: 70px;
    padding-bottom: 65px;
    height: calc(100% - 10px);
}

.bgtxtblok .kop {
    padding-bottom: 35px;
}



/*blokken verwachtingen*/
.verwachting .txt {
    font-size: 14px;
    line-height: 22px;
    padding-top: 15px;
}



/*vacature overzichtblok*/
.vacatures {
    padding-right: 115px;
    padding-left: 150px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0rem;
    margin-left: 0rem;
}


.vacatureblok {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
}

.vacatureblok .inhoud {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 100px;
    height: 300px;
    position: relative;
    width: 690px;

}

.vacatureblok .inhoud h2 {
    color: #6fcaf3;
}

.vacatureblok .inhoud .pijl {
    color: white;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    position: absolute;
    right: 60px;
    bottom: 25px;
}


/*blok droombaan*/
.droombaanblok .cta .inh {
    display: inline;
}

.droombaanblok .inhoud {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 70px;
}

.droombaanblok .kop {
    margin-bottom: 15px;
}

.droombaanblok .tekst {
    margin-bottom: 50px;
}

.droombaanblok .cta {
    width: 240px;
    height: 60px;
    display: inline-block;
    text-align: center;

}

.droombaanblok .cta.first {
    margin-right: 25px;
}

.droombaanblok a {
    color: inherit;
}

.droombaanblok .terug a:hover {
    text-decoration: underline;
}

/*terug blok*/
.pb-terug {
    padding-top: 60px;
}

.pb-terug a:hover {
    text-decoration: underline;

}



/*borderblok*/
.borderblok {
    border: 2px solid #6fcaf3;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;

    margin-left: 30px;
    overflow: hidden;
    max-width: calc(100% - 60px);
}

.blok-100-bg {
    background-size: cover;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;

    margin-left: 30px;
    max-width: calc(100% - 60px);
}


.blok-100-bg .kop-txt {
    margin-bottom: 5px;
}

.blok-100-bg .quoteblok.right {
    margin-bottom: 55px;
}



/*overblok*/
.overblok .blok {
    background-size: cover;
    background-repeat: no-repeat;
}

.overblok .blok .first {
    margin-bottom: 30px;
}


.renovatie-onderhoud-blok .blok {
    height: 585px;
}

.renovatie-onderhoud-blok .blok .inhoud {
    padding-left: 150px;
    padding-top: 60px;
    padding-right: 300px;
}



.renovatie-onderhoud-blok .kop,
.innovatie-blok .kop {
    margin-bottom: 45px;
}

.innovatie-blok .blok .inhoud {
    padding-left: 105px;
    padding-top: 60px;
    padding-right: 105px;
}

.innovatie-blok .blok {
    height: 1200px;
}

.innovatie-blok {
    padding-left: 15px;
}

.renovatie-onderhoud-blok {
    padding-right: 15px;
}



/*contact*/
.contact .breadcrumbs {
    padding-top: 15px;
}

.detail .introblok .intro-bottom .kop {
    margin-bottom: 60px;
    margin-top: 25px;
}

.contact .kop-txt a {
    color: inherit;
}

.contact .kop-txt .linkedin {
    max-width: 45px;
    margin-top: 35px;
}


.formblok .form-item input {
    width: 540px;
    height: 46px;
    border: 2px solid #6fcaf3;
    margin-bottom: 30px;
    padding-left: 5px;
}

.formblok .form-item input[type=button],
.formblok .form-item input[type=file] {
    padding-left: 0px;
}

.formblok-groot .form-item input,
.formblok.formblok-groot .form-item textarea {
    width: 690px;
}

.formblok-groot .radio-item {
    width: 100%;
    padding-top: 5px;
}

.formblok .form-item textarea {
    width: 540px;
    height: 184px;
    border: 2px solid #6fcaf3;
    margin-bottom: 30px;
    resize: none;
}





.formblok .form-label-left {
    width: 146px;
    display: inline-block;
    float: left;
}



.formblok input[type='checkbox'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    appearance: none;
    background: white;
    outline: 2px solid #007dbe !important;
    border: 1px solid white !important;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.formblok input[type='radio']:checked,
.formblok input[type='checkbox']:checked {
    background: #007dbe;
}


.formblok #agree {
    position: absolute;
    margin-top: 10px;
}

.formblok .akkoord {
    display: block;
    margin-left: 35px;
}

button,
input[type="submit"],
input[type="reset"] {
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.form-item-messages {
    border: 2px solid red;
    padding: 30px !important;
    color: #000;
    margin-bottom: 30px !important;
}

.form-item-messages li:before {
    color: #005fa5 !important;
}

.btn-form {
    background: #007dbe;
    color: white;
    font-size: 27px;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    padding-left: 68px;
    padding-right: 68px;
    font-weight: 700;
}

.contact footer {
    padding-top: 0px;
}



/*anchor blok*/
.anchorblok {
    margin-top: -200px;
    pointer-events: none;
}








/*90%*/

@media only screen and (max-width: 1920px) {
    /*Introblok detail page ed*/

    .introblok {
        margin-top: -288px;
    }

    .introblok .intro-top {
        padding-left: 135px;
        padding-right: 135px;
        padding-top: 32px;
        padding-bottom: 32px;
    }


    .pr-detail .introblok .intro-bottom {
        padding-left: 135px;
        padding-right: 135px;
        padding-top: 113px;
        padding-bottom: 54px;
    }

    .detail .introblok .intro-bottom {
        padding-left: 135px;
        padding-right: 81px;
        padding-top: 23px;
        padding-bottom: 45px;
    }

    .detail .introblok .intro-bottom .kop {
        margin-bottom: 72px;
    }

    .info-item .left {
        font-size: 22px;
        line-height: 43px;
        width: 216px;
    }


    .intro-bottom .info {
        margin-top: 68px;
    }


    .intro-bottom .info-item .left {
        font-size: 22px;
        line-height: 43px;
        width: 216px;
        margin-right: 54px;
    }

    .intro-bottom .info-item .right {
        font-size: 22px;
        line-height: 43px;
        width: 378px;
        /*width:216px;*/
    }

    .intro-txt .breadcrumbs {
        margin-bottom: 90px;
        margin-top: 14px;
        font-size: 15px;
        line-height: 19px;
        padding-top: 9px;
    }


    .detail .breadcrumbs {
        margin-bottom: 14px;
    }

    /*
	.detail.werken-bij .introblok .intro-bottom{
		padding-right:117px;
		padding-top:130px;
	}
	*/
    .detail.vacature .introblok .introtxt {
        padding-top: 31px;
    }

    .intro-txt .zoek-vacature {
        margin-top: 122px;
        margin-left: 135px;
    }

    /*kop blok*/
    .kopblok {
        margin-bottom: 36px;
        /*fix voor lineheight*/
    }

    /*kop/img/txt blok*/
    .kop-img-txt-blok .kop {
        margin-bottom: 14px;
    }

    .kop-img-txt-blok .img {
        margin-bottom: 14px;
    }

    /*kop-txt blok*/
    .kop-txt-blok .kop {
        margin-bottom: 36px;
    }


    /*slider*/
    .leftarrow {
        width: 39px;
        height: 59px;
        left: 81px;
    }

    .rightarrow {
        width: 39px;
        height: 59px;
        right: 81px;
    }




    .projectslider .arrows {
        height: 59px;
    }

    .projectslider-txtvlak {
        width: 945px;
        right: 81px;
        bottom: 54px;

    }

    .projectslider-txtvlak p {
        padding-left: 54px;
        padding-right: 135px;
        padding-top: 72px;
        padding-bottom: 72px;
    }


    /*koptxt blok*/
    .kop-txt .kop {
        margin-bottom: 36px;
    }

    .pb-blok ul li {
        margin-bottom: 13px;
    }

    /*werkzaamheden blok*/


    .pb-werkzaamheden .opsomming,
    .pb-werkzaamheden .afb img {
        height: 502px;
    }

    .pb-werkzaamheden .kop {
        margin-bottom: 36px;
    }

    .pb-werkzaamheden .opsomming {
        margin-left: -36px;

    }

    .pb-werkzaamheden .opsomming .inhoud {
        padding-left: 27px;
        padding-top: 59px;
        padding-bottom: 59px;
    }

    .pb-werkzaamheden .opsomming li {
        margin-bottom: 9px;
    }


    /*quoteblok*/
    .quoteblok.left {
        padding-left: 59px;
        padding-right: 27px;
    }

    .quoteblok.right {
        padding-right: 60px;
        padding-left: 27px;
    }

    .quoteblok.right-top {
        padding-left: 27px;
    }

    .quoteblok .inhoud {
        border: 2px solid #6fcaf3;
        position: relative;
        padding-left: 27px;
        padding-top: 27px;
        padding-right: 27px;
        padding-bottom: 36px;
    }

    .quoteblok .quote-right-top .inhoud {
        padding-bottom: 27px;
    }

    .quoteblok .quote-left {
        width: 38px;
        height: 29px;
        left: -38px;
        bottom: -2px;

    }

    .quoteblok .quote-right {
        width: 38px;
        height: 29px;
        right: -38px;
        bottom: -2px;
    }

    .quoteblok .quote-right-top {
        width: 38px;
        height: 29px;
        right: -38px;
        top: -2px;
    }

    .quoteblok .citaat {
        margin-bottom: 14px;
    }




    /*blok meer informatie*/
    .pb-meer .inhoud {
        padding-left: 40px;
        padding-top: 50px;
        padding-right: 40px;
        padding-bottom: 27px;
    }

    .pb-meer .kop {
        margin-bottom: 14px;
    }

    .pb-meer .cta {
        max-width: 216px;
        margin-top: 27px;
        max-height: 54px;
    }



    /*blok bgkleur met kop en txt*/
    .bgtxtblok .inhoud {
        padding-left: 135px;
        padding-right: 117px;
        padding-top: 63px;
        padding-bottom: 50px;
        height: calc(100% - 9px);

    }

    .bgtxtblok .kop {
        padding-bottom: 32px;
    }



    /*blokken verwachtingen*/
    .verwachting .txt {
        font-size: 13px;
        line-height: 20px;
        padding-top: 14px;
    }



    /*vacature overzichtblok*/
    .vacatures {
        padding-right: 104px;
        padding-left: 135px;
    }


    .vacatureblok {
        padding-left: 27px;
        padding-right: 27px;
        padding-bottom: 54px;
    }

    .vacatureblok .inhoud {
        padding-left: 81px;
        padding-right: 81px;
        padding-top: 90px;
        height: 270px;
        width: 621px;

    }

    .vacatureblok .inhoud .pijl {
        font-size: 45px;
        line-height: 54px;
        right: 54px;
        bottom: 23px;
    }

    .droombaanblok .inhoud {
        padding-left: 27px;
        padding-right: 27px;
        padding-bottom: 27px;
        padding-top: 63px;
    }

    .droombaanblok .kop {
        margin-bottom: 14px;
    }

    .droombaanblok .tekst {
        margin-bottom: 45px;
    }

    .droombaanblok .cta {
        width: 216px;
        height: 54px;

    }

    .droombaanblok .cta.first {
        margin-right: 23px;
    }


    /*terug blok*/
    .pb-terug {
        padding-top: 54px;
    }


    /*borderblok*/
    .borderblok {
        border: 2px solid #6fcaf3;
        padding-top: 54px;
        margin-left: 27px;
        max-width: calc(100% - 54px);
    }

    .blok-100-bg {
        padding-top: 54px;

        margin-left: 27px;
        max-width: calc(100% - 54px);
    }


    .blok-100-bg .kop-txt {
        margin-bottom: 5px;
    }

    .blok-100-bg .quoteblok.right {
        margin-bottom: 50px;
    }



    /*overblok*/

    .overblok .blok .first {
        margin-bottom: 27px;
    }


    .renovatie-onderhoud-blok .blok {
        height: 527px;
    }

    .renovatie-onderhoud-blok .blok .inhoud {
        padding-left: 135px;
        padding-top: 54px;
        padding-right: 270px;
    }



    .renovatie-onderhoud-blok .kop,
    .innovatie-blok .kop {
        margin-bottom: 40px;
    }

    .innovatie-blok .blok .inhoud {
        padding-left: 95px;
        padding-top: 54px;
        padding-right: 95px;
    }

    .innovatie-blok .blok {
        height: 1081px;
    }

    .innovatie-blok {
        padding-left: 14px;
    }

    .renovatie-onderhoud-blok {
        padding-right: 14px;
    }



    /*contact*/
    .contact .breadcrumbs {
        padding-top: 14px;
    }

    .detail .introblok .intro-bottom .kop {
        margin-bottom: 54px;
        margin-top: 23px;
    }


    .contact .kop-txt .linkedin {
        max-width: 40px;
        margin-top: 32px;
    }


    .formblok .form-item input {
        width: 486px;
        height: 41px;
        border: 2px solid #6fcaf3;
        margin-bottom: 27px;
    }

    .formblok .form-item textarea {
        width: 486px;
        height: 166px;
        border: 2px solid #6fcaf3;
        margin-bottom: 27px;
    }

    .formblok-groot .form-item input,
    .formblok.formblok-groot .form-item textarea {
        width: 621px;
    }

    .formblok .form-label-left {
        width: 131px;
    }



    .formblok input[type='checkbox'] {
        outline: 2px solid #007dbe !important;
        border: 1px solid white !important;
        width: 18px;
        height: 18px;
        margin-right: 9px;
    }

    .formblok #agree {
        margin-top: 9px;
    }

    .formblok .akkoord {
        margin-left: 32px;
    }


    .form-item-messages {
        border: 2px solid red;
        padding: 27px !important;
        margin-bottom: 27px !important;
    }

    .btn-form {
        font-size: 24px;
        padding-top: 11px;
        padding-bottom: 11px;
        padding-left: 77px;
        padding-right: 77px;
    }


    /*anchor blok*/
    .anchorblok {
        margin-top: -180px;
    }
}






/*VW%*/

@media only screen and (max-width: 1905px) {
    /*Introblok detail page ed*/

    .introblok {
        margin-top: -15vw;
    }

    .introblok .intro-top {
        padding-left: 7.031vw;
        padding-right: 135px;
        padding-top: 1.667vw;
        padding-bottom: 1.667vw;
    }


    .pr-detail .introblok .intro-bottom {
        padding-left: 7.031vw;
        padding-right: 7.031vw;
        padding-top: 5.885vw;
        padding-bottom: 2.813vw;
    }

    .detail .introblok .intro-bottom {
        padding-left: 7.031vw;
        padding-right: 4.219vw;
        padding-top: 1.198vw;
        padding-bottom: 2.344vw;
    }

    .detail .introblok .intro-bottom .kop {
        margin-bottom: 3.750vw;
    }

    .info-item .left {
        font-size: 1.146vw;
        line-height: 2.240vw;
        width: 11.250vw;
    }


    .intro-bottom .info {
        margin-top: 3.542vw;
    }


    .intro-bottom .info-item .left {
        font-size: 1.146vw;
        line-height: 2.240vw;
        width: 2.240vw;
        margin-right: 2.813vw;
    }

    .intro-bottom .info-item .right {
        font-size: 1.146vw;
        line-height: 2.240vw;
        /*width:11.250vw;*/
        width: 19.843vw;

    }

    .intro-txt .breadcrumbs {
        margin-bottom: 4.688vw;
        margin-top: 0.729vw;
        font-size: 0.781vw;
        line-height: 0.990vw;
        padding-top: 0.469vw;
    }


    .detail .breadcrumbs {
        margin-bottom: 0.729vw;
    }

    /*
	.detail.werken-bij .introblok .intro-bottom{
		padding-right:6.094vw;
		padding-top:6.771vw;
	}*/

    .detail.vacature .introblok .introtxt {
        padding-top: 1.927vw;
    }

    .intro-txt .zoek-vacature {
        margin-top: 6.354vw;
        margin-left: 7.031vw;
    }

    /*kop blok*/
    .kopblok {
        margin-bottom: 1.875vw;
        /*fix voor lineheight*/
    }

    /*kop/img/txt blok*/
    .kop-img-txt-blok .kop {
        margin-bottom: 0.729vw;
    }

    .kop-img-txt-blok .img {
        margin-bottom: 0.729vw;
    }

    /*kop-txt blok*/
    .kop-txt-blok .kop {
        margin-bottom: 1.875vw;
    }


    /*slider*/
    .leftarrow {
        width: 1.875vw;
        height: 1.875vw;
        left: 4.219vw;
    }

    .rightarrow {
        width: 2.031vw;
        height: 3.073vw;
        right: 4.219vw;
    }




    .projectslider .arrows {
        height: 3.073vw;
    }

    .projectslider-txtvlak {
        width: 49.219vw;
        right: 4.219vw;
        bottom: 2.813vw;

    }

    .projectslider-txtvlak p {
        padding-left: 2.813vw;
        padding-right: 7.031vw;
        padding-top: 3.750vw;
        padding-bottom: 3.750vw;
    }


    /*koptxt blok*/
    .kop-txt .kop {
        margin-bottom: 1.875vw;
    }

    .pb-blok ul li {
        margin-bottom: 0.677vw;
    }

    /*werkzaamheden blok*/

    .pb-werkzaamheden .opsomming,
    .pb-werkzaamheden .afb img {
        height: 26.352vw;
    }

    .pb-werkzaamheden .kop {
        margin-bottom: 1.875vw;
    }

    .pb-werkzaamheden .opsomming {
        margin-left: -1.875vw;

    }

    .pb-werkzaamheden .opsomming .inhoud {
        padding-left: 1.406vw;
        padding-top: 3.073vw;
        padding-bottom: 3.073vw;
    }

    .pb-werkzaamheden .opsomming li {
        margin-bottom: 0.469vw;
    }


    /*quoteblok*/
    .quoteblok.left {
        padding-left: 3.073vw;
        padding-right: 1.406vw;
    }

    .quoteblok.right {
        padding-right: 3.125vw;
        padding-left: 1.406vw;
    }

    .quoteblok.right-top {
        padding-left: 1.406vw;
    }

    .quoteblok .inhoud {
        border: 0.104vw solid #6fcaf3;
        padding-left: 1.406vw;
        padding-top: 1.406vw;
        padding-right: 1.406vw;
        padding-bottom: 1.875vw;
    }

    .quoteblok .quote-right-top .inhoud {
        padding-bottom: 1.406vw;
    }

    .quoteblok .quote-left {
        width: 1.979vw;
        height: 1.510vw;
        left: -1.96vw;
        bottom: -0.104vw;
    }

    .quoteblok .quote-right {
        width: 1.979vw;
        height: 1.510vw;
        right: -1.979vw;
        bottom: -0.104vw;
    }

    .quoteblok .quote-right-top {
        width: 1.979vw;
        height: 1.510vw;
        right: -1.979vw;
        top: -0.104vw;
    }

    .quoteblok .citaat {
        margin-bottom: 0.729vw;
    }




    /*blok meer informatie*/
    .pb-meer .inhoud {
        padding-left: 2.083vw;
        padding-top: 2.604vw;
        padding-right: 2.083vw;
        padding-bottom: 1.406vw;
    }

    .pb-meer .kop {
        margin-bottom: 0.729vw;
    }

    .pb-meer .cta {
        max-width: 11.250vw;
        margin-top: 1.406vw;
        max-height: 2.813vw;
    }



    /*blok bgkleur met kop en txt*/
    .bgtxtblok .inhoud {
        padding-left: 7.094vw;
        padding-right: 6.094vw;
        padding-top: 3.281vw;
        padding-bottom: 2.604vw;
        height: calc(100% - 0.5vw);
    }

    .bgtxtblok .kop {
        padding-bottom: 1.680vw;
    }



    /*blokken verwachtingen*/
    .verwachting .txt {
        font-size: 0.677vw;
        line-height: 1.042vw;
        padding-top: 0.729vw;
    }



    /*vacature overzichtblok*/
    .vacatures {
        padding-right: 5.417vw;
        padding-left: 7.031vw;
    }


    .vacatureblok {
        padding-left: 1.406vw;
        padding-right: 1.406vw;
        padding-bottom: 2.813vw;
    }

    .vacatureblok .inhoud {
        padding-left: 4.219vw;
        padding-right: 4.219vw;
        padding-top: 4.688vw;
        height: 14.063vw;
        width: 32.344vw;

    }

    .vacatureblok .inhoud .pijl {
        font-size: 2.344vw;
        line-height: 2.813vw;
        right: 2.813vw;
        bottom: 1.198vw;
    }

    .droombaanblok .inhoud {
        padding-left: 1.406vw;
        padding-right: 1.406vw;
        padding-bottom: 1.406vw;
        padding-top: 3.281vw;
    }

    .droombaanblok .kop {
        margin-bottom: 0.729vw;
    }

    .droombaanblok .tekst {
        margin-bottom: 2.344vw;
    }

    .droombaanblok .cta {
        width: 11.250vw;
        height: 2.813vw;

    }

    .droombaanblok .cta.first {
        margin-right: 1.198vw;
    }


    /*terug blok*/
    .pb-terug {
        padding-top: 2.813vw;
    }


    /*borderblok*/
    .borderblok {
        border: 0.104vw solid #6fcaf3;
        padding-top: 2.813vw;
        margin-left: 1.406vw;
        max-width: calc(100% - 2.813vw);
    }

    .blok-100-bg {
        padding-top: 2.813vw;

        margin-left: 1.406vw;
        max-width: calc(100% - 2.813vw);
    }


    .blok-100-bg .kop-txt {
        margin-bottom: 0.260vw;
    }

    .blok-100-bg .quoteblok.right {
        margin-bottom: 2.604vw;
    }



    /*overblok*/

    .overblok .blok .first {
        margin-bottom: 1.406vw;
    }


    .renovatie-onderhoud-blok .blok {
        height: 27.448vw;
    }

    .renovatie-onderhoud-blok .blok .inhoud {
        padding-left: 7.031vw;
        padding-top: 2.813vw;
        padding-right: 14.063vw;
    }



    .renovatie-onderhoud-blok .kop,
    .innovatie-blok .kop {
        margin-bottom: 2.083vw;
    }

    .innovatie-blok .blok .inhoud {
        padding-left: 4.688vw;
        padding-top: 2.813vw;
        padding-right: 4.948vw;
    }

    .innovatie-blok .blok {
        height: 56.302vw;
    }

    .innovatie-blok {
        padding-left: 0.729vw;
    }

    .renovatie-onderhoud-blok {
        padding-right: 0.729vw;
    }



    /*contact*/
    .contact .breadcrumbs {
        padding-top: 0.729vw;
    }

    .detail .introblok .intro-bottom .kop {
        margin-bottom: 2.813vw;
        margin-top: 1.198vw;
    }


    .contact .kop-txt .linkedin {
        max-width: 2.083vw;
        margin-top: 1.667vw;
    }


    .formblok .form-item input {
        width: 25.313vw;
        height: 2.135vw;
        border: 0.104vw solid #6fcaf3;
        margin-bottom: 1.406vw;
    }

    .formblok .form-item textarea {
        width: 25.313vw;
        height: 8.646vw;
        border: 0.104vw solid #6fcaf3;
        margin-bottom: 1.406vw;
    }

    .formblok-groot .form-item input,
    .formblok.formblok-groot .form-item textarea {
        width: 32.546vw;
    }


    .formblok .form-label-left {
        width: 6.823vw;
    }



    .formblok input[type='checkbox'] {
        outline: 0.104vw solid #007dbe !important;
        border: 0.052vw solid white !important;
        width: 0.938vw;
        height: 0.938vw;
        margin-right: 0.469vw;
    }

    .formblok #agree {
        margin-top: 0.469vw;
    }

    .formblok .akkoord {
        margin-left: 1.667vw;
    }


    .form-item-messages {
        border: 0.104vw solid red;
        padding: 1.406vw !important;
        margin-bottom: 1.406vw !important;
    }

    .btn-form {
        font-size: 1.250vw;
        padding-top: 0.573vw;
        padding-bottom: 0.573vw;
        padding-left: 2.240vw;
        padding-right: 2.240vw;
    }


    /*anchor blok*/
    .anchorblok {
        margin-top: -9.375vw;
    }






}

@media only screen and (min-width: 1025px) and (max-width: 1905px) {
    .overblok p {
        font-size: 0.91vw;
    }
}

/*! {css-bob} */
/*
	 * Helpers
	 */
.line-1-6 {
    line-height: 1.6;
}

.line-1-2 {
    line-height: 1.2;
}

.font-74 {
    font-size: 74px;
}

.font-ls005 {
    letter-spacing: 0.005em;
}

.font-ls01 {
    letter-spacing: 0.1em;
}

.font-ls004 {
    letter-spacing: 0.04em;
}

.nomar-bot {
    margin-bottom: 0;
}

hidden,
.is-hidden {
    display: none !important;
}

.column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.no-bull::before {
    content: none !important;
}

/* Js class for hiding / showing content */
.btn--unhide {
    display: none;
}

.btn--reset {
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}

@media screen and (max-width: 760px) {
    .btn--unhide {
        color: #85cfe8;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
    }

    .txt.text-is-hidden {
        transition: none;
        position: relative;
        overflow: hidden;
        max-height: 280px;
    }

    .text-is-hidden::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
        background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    }
}

/*
	 * Count up
	 */
.countup {
    display: flex;
    flex-direction: column;
}

.row--countup {
    margin-top: 60px;
}

.pb-cijfers .row--countup {
    margin-top: 0;
}

.countup>span {
    display: block;
}

.countup>div {
    margin-top: 5px;
}

.pb-cijfers {
    padding-left: 30px;
    padding-right: 30px;
}

/*
	 * PB style
	 */
.pb-blok .txt a {
    font-weight: 600;
    color: #85cfe8;
}

/*
	 * Images fix 90%
	 */
/*
	.imgblok.item img {
		height: 100%;
		object-fit: cover;
	}
	.imgblok.item picture {
		display: flex;
		height: 100%;
	}
	*/
.object-fit {
    height: 100%;
    object-fit: cover;
}

.pb-werkzaamheden .afb img {

    object-fit: cover;

}

/*
	*	Home news
	*/
.news__inner {
    border: 2px solid #6fcaf3;
}

.news__top,
.news__more {
    padding: 20px 25px 25px 25px;
}

.news__more {
    padding-bottom: 20px;
}

.news__image {
    width: 100%;
    height: 215px;
}

.news__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.news__title {
    line-height: 1.333;
}

.news__type {
    margin-bottom: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.news__title h3 {
    height: 117px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news__link {
    text-transform: uppercase;
}

.news__link::after {
    content: ">";
    margin-left: 4px;
}

/*
	 * Banner laag
	 */
.banner.banner-laag {
    height: 290px;
}

/*
	 * Breadcrumbs
	 */
.breadcrumb__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
	flex-wrap: wrap;
}

.breadcrumb__item::before {
    content: ">";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 17px;
    color: #b2b2b2;
}

.breadcrumb__item:first-child::before {
    content: none;
}

.breadcrumb__link:hover,
.breadcrumb__link:focus {
    color: #b2b2b2;
    text-decoration: underline;
}

.blok.breadcrumb {
    padding-top: 25px;
}

/*
	 * p-blauw
	 */
.p-blauw__inner {
    background-color: #007dbe;
    padding: 50px 150px;
}

.p-blauw__title {
    line-height: 1;
    display: block;
    margin-bottom: 55px;
}

/*
	 * Filter
	 */
.invisible {
    display: none;
}

.fiter__select {
    background-color: #007dbe;
    padding-left: 12px;
}

.filter__head {
    margin-bottom: 40px;
}

/*
	 * Filter selects
	 */
.select__dropdown {
    padding-bottom: 23px;
    padding-top: 8px;
    display: none;
}

.select__dropdown.is-active {
    display: block;
}

.select__item {
    line-height: 1.5;
    margin-bottom: 23px;
}

.select__item:last-child {
    margin-bottom: 0;
}

/* Container */
.select__check {
    display: block;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.select__check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.select__mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
}

/* On hover */
.select__check:hover input~.select__mark {
    background-color: #daeff7;
}

/* Checkmark */
.select__mark:after {
    content: "";
    position: absolute;
    display: none;
}

.select__check input:checked~.select__mark:after {
    display: block;
}

/* Style the checkmark/indicator */
.select__check .select__mark:after {
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #6fcaf3;
}

/* label text */
.select__text {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: 700;
}

/* head */
.select__head {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    height: 54px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
}

.select__head__text,
.select__head__arrow {
    align-self: center;
    display: block;
}

.select__head__arrow {
    background-image: url('/theme/img/icon-arrow-ud.svg');
    background-size: cover;
    width: 18px;
    height: 18px;
    transition: 0.20s;
    -webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -ms-transition: 0.20s;
    -o-transition: 0.20s;
}

.select__head.is-active .select__head__arrow {
    transition: 0.20s;
    -webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -ms-transition: 0.20s;
    -o-transition: 0.20s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*
	 * Container search
	 */
.c-search__head {
    margin-bottom: 40px;
}

.c-search .search {
    border: 1px solid #6fcaf3;
}

/*
	 * Container search (vacature)
	 */
.search.vsearch {
    border: 1px solid #6fcaf3;
    margin-top: 36px;
}

.vacatureblok.is-hidden {
    display: none;
}

/* 
	 * Mosaic grid
	 */
.mosaic {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: repeat(6, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    gap: 30px 30px;
}

/* mosaic short */
.mosaic--short {
    grid-template-rows: repeat(3, 1fr);
}

.all-projects {
    letter-spacing: 0.04em;
}

/* mosaic items */
.mosaic>div:nth-of-type(10n+1) {
    height: 660px;
    grid-column: auto /span 8;
    grid-row: auto /span 2;
}

.mosaic>div:nth-of-type(10n+2) {
    grid-column: auto /span 4;
    grid-row: auto /span 1;
}

.mosaic>div:nth-of-type(10n+3) {
    grid-column: auto /span 4;
    grid-row: auto /span 2;
}

.mosaic>div:nth-of-type(10n+4) {
    grid-column: auto /span 4;
    grid-row: auto /span 1;
}

.mosaic>div:nth-of-type(10n+5) {
    grid-column: auto /span 4;
    grid-row: auto /span 1;
}

.mosaic>div:nth-of-type(10n+6) {
    grid-column: auto /span 4;
    grid-row: auto /span 1;
}

.mosaic>div:nth-of-type(10n+7) {
    grid-column: auto /span 8;
    grid-row: auto /span 2;
}

.mosaic>div:nth-of-type(10n+8) {
    grid-column: auto /span 4;
    grid-row: auto /span 2;
}

.mosaic>div:nth-of-type(10n+9) {
    grid-column: auto /span 4;
    grid-row: auto /span 1;
}

.mosaic>div:nth-of-type(10n+10) {
    grid-column: auto /span 4;
    grid-row: auto /span 1;
}

/* Mosaic items */
.mosaic__item.is-hidden {
    display: none;
}

.mosaic__image {
    height: 100%;
}

.mosaic__project {
    display: block;
    height: 100%;
    position: relative;
}

.mosaic__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

/* small images */
.mosaic>div:nth-of-type(10n+2) .mosaic__media--small,
.mosaic>div:nth-of-type(10n+5) .mosaic__media--small,
.mosaic>div:nth-of-type(10n+4) .mosaic__media--small,
.mosaic>div:nth-of-type(10n+6) .mosaic__media--small,
.mosaic>div:nth-of-type(10n+9) .mosaic__media--small,
.mosaic>div:nth-of-type(10n+10) .mosaic__media--small {
    display: block;
}

/* big images */
.mosaic>div:nth-of-type(10n+1) .mosaic__media--big,
.mosaic>div:nth-of-type(10n+7) .mosaic__media--big {
    display: block;
}

/* vertical images */
.mosaic>div:nth-of-type(10n+3) .mosaic__media--vert,
.mosaic>div:nth-of-type(10n+8) .mosaic__media--vert {
    display: block;
}

/* mosaic content */
.mosaic__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(133, 207, 237, 0.85);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 60px;
}

.mosaic__text {
    display: block;
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
}

/* mosaic content big items */
.mosaic>div:nth-of-type(10n+1) .mosaic__content,
.mosaic>div:nth-of-type(10n+7) .mosaic__content {
    padding: 60px 60px 100px 60px;
}

.mosaic>div:nth-of-type(10n+1) .mosaic__text,
.mosaic>div:nth-of-type(10n+7) .mosaic__text {
    font-size: 60px;
}

/* Mosaic hover */
.mosaic__content {
    transition: opacity 0.15s ease-in-out;
    opacity: 0;
}

.mosaic__project:hover .mosaic__content {
    opacity: 1;
}

/* 
	 * News grid
	 */
.newsgrid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
}

.newsgrid .news__item {
    padding: 0 30px;
    width: 33.33%;
    margin-bottom: 60px;
}

.news__item.is-hidden {
    display: none;
}

.news__read {
    padding-left: 25px;
}

/*
	 * Timeline  
	 */
/* Quote */
.simple__quote {
    line-height: 1.375;
    margin-top: 70px;
    letter-spacing: 0.005em;
}

/* Timeline logo/head */
.timeline__inner {
    margin-top: 20px;
}

.timeline__logo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.timeline__logo__media {
    display: block;
    width: 240px;
    height: auto;
}

/* Timeline blocks */
.timeline__block {
    display: flex;
    flex-wrap: wrap;
}

.timeline__half {
    width: 50%;
}

.timeline__block:nth-child(1) .timeline__text {
    padding-top: 65px;
}

.timeline__block:nth-child(1) .timeline__date {
    padding-top: 50px;
}

.timeline__block .timeline__text,
.timeline__block .timeline__date__inner {
    padding-bottom: 110px;
}

/* Date */
.timeline__date {
    border-right: 3px solid #6fcaf3;
}

.timeline__date__inner {
    padding: 0 115px 0 90px;
}

.timeline__dateblock {
    display: flex;
    height: 90px;
    margin-bottom: 15px;
    position: relative;
}

.timeline__dateblock__text {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 68%;
    background-color: #007dbe;
    padding: 0 60px;
}

.timeline__dateblock__date {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6fcaf3;
    flex-grow: 1;
    padding-bottom: 8px;
}

.timeline__dateimg {
    width: 68%;
    margin-left: auto;
}

.timeline__datemedia {
    display: block;
    width: 100%;
    height: auto;
}

.timeline__dateblock::after {
    display: block;
    position: absolute;
    right: -130px;
    top: calc(50% - 12.5px);
    content: "";
    background-image: url('/theme/img/decal-timeline-left.png');
    width: 132px;
    height: 25px;
    background-size: cover;
}

/* text */
.timeline__text {
    border-left: 3px solid #6fcaf3;
    padding: 15px 80px 0 80px;
}

.timeline__text__inner {
    max-width: 510px;
}

/* 
	 * Timeline right side 
	 */
.timeline__block.timeline__block--even {
    flex-direction: row-reverse;
}

/* Date */
.timeline__block--even .timeline__date__inner {
    padding: 0 84px 0
}

.timeline__block--even .timeline__date {
    border-left: 3px solid #6fcaf3;
    border-right: none;
}

.timeline__block--even .timeline__dateblock__text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 68%;
    background-color: #007dbe;
    padding: 0 60px 0 35px;
}

.timeline__block--even .timeline__dateblock {
    flex-direction: row-reverse;
}

.timeline__block--even .timeline__dateimg {
    width: 68%;
    margin-left: 0;
}

.timeline__block--even .timeline__dateblock::after {
    display: block;
    position: absolute;
    right: unset;
    left: -100px;
    top: calc(50% - 12.5px);
    content: "";
    background-image: url('/theme/img/decal-timeline-right.png');
    width: 100px;
    height: 25px;
    background-size: cover;
}

/* text */
.timeline__block--even .timeline__text {
    border-left: none;
    border-right: 3px solid #6fcaf3;
    padding: 15px 74px 115px 80px;
}

.timeline__block--even .timeline__text__inner {
    max-width: 510px;
    margin-left: auto;
}

/**
	 * Searchresults
	 */
.searchresults>p {
    color: #b2b2b2;
    font-size: 17px;
    margin-bottom: 30px;
}

.searchresults__list a {
    color: #007dbe;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.searchresults__list a:hover,
.searchresults__list a:focus {
    text-decoration: underline;
}

.search_title {
    margin-bottom: 5px;
}

.searchresults__list .search_title:before {
    content: ">";
    color: #6fcaf3;
    margin-right: 5px;
}

.searchresults__list .search_extract {
    color: #b2b2b2;
    font-size: 17px;
}

/**
	 * Google maps
	 */
.maps__wrap {
    width: 100%;
    height: 840px;
}

#gmap {
    width: 100%;
    height: 100%;
}

/**
	 * Cookiebanner
	 */
.AMPEr_modal {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
    line-height: 1.333;
}

.AMPEr_modal_head {
    color: #007dbe;
}

.AMPEr_btn--accept,
.AMPEr_btn--save {
    background-color: #007dbe;
}

.AMPEr_btn--accept:hover,
.AMPEr_btn--accept:focus,
.AMPEr_btn--save:hover,
.AMPEr_btn--save:focus {
    background-color: #007dbe;
}

.AMPEr_btn--settings,
.AMPEr_btn--settings:hover,
.AMPEr_btn--settings:focus,
.AMPEr_btn--info,
.AMPEr_btn--info:hover,
.AMPEr_btn--info:focus {
    border-color: #007dbe;
    color: #007dbe;
}

.AMPEr_btn--settings i svg,
.AMPEr_btn--settings:hover i svg,
.AMPEr_btn--settings:focus i svg,
.AMPEr_btn--info i svg,
.AMPEr_btn--info:hover i svg,
.AMPEr_btn--info:focus i svg {
    fill: #007dbe;
}

.AMPEr_switches .AMPEr_switch:hover input:checked+label span:last-child,
.AMPEr_switches .AMPEr_switch input:checked:focus+label span:last-child,
.AMPEr_switches .AMPEr_switch input:checked+label span:last-child {
    background-color: #007dbe;
}

@media screen and (min-width: 480px) {
    .AMPEr_modal {
        right: 1rem;
        left: unset;
    }

    .AMPEr_modal {
        left: initial;
    }

    .AMPEr_modal {
        right: -600px;
        -webkit-animation: AMPEr-slide 0.5s forwards;
        -webkit-animation-delay: 0.5s;
        animation: AMPEr-slide 0.5s forwards;
        animation-delay: 0.5s;
    }
}

@-webkit-keyframes AMPEr-slide {
    100% {
        right: 1rem;
    }
}

@keyframes AMPEr-slide {
    100% {
        right: 1rem;
    }
}

/**
	 * Nieuws detail
	 */
.nieuws-detail .introblok .intro-top {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Max 2 lines title */
.nieuws-detail .introblok .intro-top h1 {
    display: block;
    height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Meta and breadcrumbs */
.nieuws-detail .intro-bottom__meta {
    margin-bottom: 35px;
}

.nieuws-detail.detail .breadcrumbs {
    margin-bottom: 25px;
}

/**
	 * Custom PB classes
	 */
.pb-blok.smalltxt,
.pb-blok.smalltxt p {
    font-style: italic;
    color: #8a8992;
    line-height: 2;
}

/* Cookie button */
.btn--cookie {
    margin-top: 30px;
}

.btn--cookie .cta {
    width: 280px;
}

/**
	 * PB blokken project.
	 */
.item.pb-blok-grid,
.item.pb-slider {
    margin-bottom: 30px;
}

.extra-margin-top {
    margin-top: 30px;
}

.pb-blok-grid .mosaic {
    grid-template-rows: repeat(3, 1fr);
}

.pb-blok-grid.grid-smaller .mosaic {
    grid-template-rows: repeat(2, 1fr);
}

.pb-blok-grid .mosaic__project--txt {
    background-color: transparent;
    padding: 1rem;
}

/* Mirrored (hack) */
.pb-blok-grid .mosaic.mirror {
    transform: scaleX(-1);
}

.pb-blok-grid .mosaic.mirror .mosaic__item {
    transform: scaleX(-1);
}

/* Always show images */
.pb-blok-grid .mosaic .mosaic__media {
    display: block !important;
}

/* Text */
.pb-blok-grid .mosaic__project--txt h2 {
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 2px;
    line-height: 45px;
    margin-bottom: 20px;
}

/* List */
.pb-blok-grid .mosaic__project--txt li {
    font-weight: 600;
}

.pb-blok-grid .mosaic__project--txt li::before {
    content: '•';
    position: absolute;
    top: 0;
    left: 0;
}

/* Quote */
.pb-blok-grid.grid-quote .inhoud {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pb-blok-grid.grid-quote .mosaic__project--txt {
    padding: 0;
    padding-left: 40px;
}

.pb-blok-grid.grid-quote .quoteblok .quote-left {
    top: -2px;
    transform: scaleY(-1);
}

/* Mirror quote */
.mosaic.mirror .mosaic__project--txt.quoteblok {
    padding: 0;
    padding-right: 40px;
}

.mosaic.mirror .mosaic__project--txt.quoteblok .quote-left {
    right: -42px;
    left: unset;
    transform: scale(-1, -1);
}

/* White background */
.pb-blok-grid .mosaic__project--txt.bg-white h2 {
    color: #005fa5;
}

.pb-blok-grid .mosaic__project--txt.bg-white li::before {
    color: #005fa5;
}

.pb-blok-grid .mosaic__project--txt.bg-white li {
    color: #005fa5;
}

/* Dark blue */
.pb-blok-grid .mosaic__project--txt.bg-darkblue {
    background-color: #007dbe;
    color: #fff;
    padding: 2rem;
}

.pb-blok-grid .mosaic__project--txt.bg-darkblue h2 {
    color: #fff;
}

.pb-blok-grid .mosaic__project--txt.bg-darkblue li::before {
    color: #fff;
}

.pb-blok-grid .mosaic__project--txt.bg-darkblue li {
    color: #fff;
}

/* Light blue */
.pb-blok-grid .mosaic__project--txt.bg-lightblue {
    background-color: #6fcaf3;
    padding: 2rem;
}

.pb-blok-grid .mosaic__project--txt.bg-lightblue h2 {
    color: #005fa5;
}

.pb-blok-grid .mosaic__project--txt.bg-lightblue li::before {
    color: #005fa5;
}

.pb-blok-grid .mosaic__project--txt.bg-lightblue li {
    color: #005fa5;
}

/***********************************************************************************
	 * 90% on 1920 - 1905 {css-bob}
	 ***********************************************************************************/
@media screen and (max-width: 1920px) and (min-width: 1905px) {

    .c-sm,
    .c1-sm,
    .c2-sm,
    .c3-sm,
    .c4-sm,
    .c5-sm,
    .c6-sm,
    .c7-sm,
    .c8-sm,
    .c9-sm,
    .c10-sm,
    .c11-sm,
    .c12-sm,
    .cos0-sm,
    .cos1-sm,
    .cos2-sm,
    .cos3-sm,
    .cos4-sm,
    .cos5-sm,
    .cos6-sm,
    .cos7-sm,
    .cos8-sm,
    .cos9-sm,
    .cos10-sm,
    .cos11-sm,
    .cos12-sm {
        padding-left: 27px;
        padding-right: 27px;
    }

    .pb-cijfers {
        padding-left: 27px;
        padding-right: 27px;
    }

    /*
		 * Helpers
		 */
    .font-74 {
        font-size: 67px;
    }

    .news__inner {
        border: 2px solid #6fcaf3;
    }

    .kop-font-smaller .kop {
        font-size: 22px;
    }

    /*
		 * Countup
		 */
    .row--countup {
        margin-top: 54px;
    }

    .pb-cijfers .row--countup {
        margin-top: 0;
    }

    /*
		*	Home news
		*/
    .news__top,
    .news__more {
        padding: 18px 23px 23px 23px;
    }

    .news__more {
        padding-bottom: 18px;
    }

    .news__image {
        height: 194px;
    }

    .news__type {
        margin-bottom: 22px;
    }

    .news__title h3 {
        height: 105px;
    }

    .news__link::after {
        margin-left: 4px;
    }

    /*
		 * Banner laag
		 */
    .banner.banner-laag {
        height: 261px;
    }

    /*
		 * Breadcrumbs
		 */
    .breadcrumb__item::before {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 15px;
    }

    .blok.breadcrumb {
        padding-top: 23px;
    }

    /*
		 * p-blauw
		 */
    .p-blauw__inner {
        padding: 45px 95px;
    }

    .p-blauw__title {
        margin-bottom: 50px;
    }

    /*
		 * Filter
		 */
    .fiter__select {
        padding-left: 11px;
    }

    .filter__head {
        margin-bottom: 36px;
    }

    /*
		 * Filter selects
		 */
    .select__dropdown {
        padding-bottom: 21px;
        padding-top: 7px;
    }

    .select__item {
        margin-bottom: 21px;
    }

    /* Container */
    .select__check {
        padding-left: 29px;
        font-size: 14px;
    }

    /* Hide the browser's default checkbox */
    .select__mark {
        height: 20px;
        width: 20px;
    }

    .select__check .select__mark:after {
        left: 2px;
        top: 2px;
        bottom: 2px;
        right: 2px;
    }

    /* head */
    .select__head {
        padding-right: 9px;
        height: 49px;
        font-size: 18px;
    }

    .select__head__arrow {
        width: 14px;
        height: 16px;
    }

    /*
		 * Container search
		 */
    .c-search__head {
        margin-bottom: 36px;
    }

    .c-search .search {
        border: 1px solid #6fcaf3;
    }

    /*
		 * Container search (vacature)
		 */
    .search.vsearch {
        border: 1px solid #6fcaf3;
        margin-top: 32px;
    }

    /* 
		 * Mosaic grid
		 */
    .item.pb-blok-grid .item.pb-slider {
        margin-bottom: 27px;
    }

    .extra-margin-top {
        margin-top: 27px;
    }

    .mosaic {
        gap: 27px 27px;
    }

    /* mosaic short */
    /* mosaic items */
    .mosaic>div:nth-of-type(10n+1) {
        height: 594px;
    }

    /* mosaic content */
    .mosaic__content {
        padding: 54px;
    }

    .mosaic__text {
        font-size: 27px;
    }

    /* mosaic content big items */
    .mosaic>div:nth-of-type(10n+1) .mosaic__content,
    .mosaic>div:nth-of-type(10n+7) .mosaic__content {
        padding: 54px 54px 90px 54px;
    }

    .mosaic>div:nth-of-type(10n+1) .mosaic__text,
    .mosaic>div:nth-of-type(10n+7) .mosaic__text {
        font-size: 54px;
    }

    /* 
		 * News grid
		 */
    .newsgrid {
        margin-left: -27px;
        margin-right: -27px;
    }

    .newsgrid .news__item {
        padding: 0 27px;
        margin-bottom: 54px;
    }

    .news__read {
        padding-left: 23px;
    }

    /*
		 * Timeline  
		 */
    /* Quote */
    .simple__quote {
        margin-top: 63px;
    }

    /* Timeline logo/head */
    .timeline__inner {
        margin-top: 18px;
    }

    .timeline__logo__media {
        width: 216px;
    }

    /* Timeline blocks */
    .timeline__block:nth-child(1) .timeline__text {
        padding-top: 59px;
    }

    .timeline__block:nth-child(1) .timeline__date {
        padding-top: 45px;
    }

    .timeline__block .timeline__text,
    .timeline__block .timeline__date__inner {
        padding-bottom: 99px;
    }

    /* Date */
    .timeline__date {
        border-right: 3px solid #6fcaf3;
    }

    .timeline__date__inner {
        padding: 0 104px 0 81px;
    }

    .timeline__dateblock {
        height: 81px;
        margin-bottom: 14px;
    }

    .timeline__dateblock__text {
        padding: 0 54px;
    }

    .timeline__dateblock__date {
        padding-bottom: 7px;
    }

    .timeline__dateblock::after {
        right: -119px;
        top: calc(50% - 11.25px);
        width: 125px;
        height: 23px;
    }

    /* text */
    .timeline__text {
        border-left: 3px solid #6fcaf3;
        padding: 14px 72px 0 72px;
    }

    .timeline__text__inner {
        max-width: 459px;
    }

    /* 
		 * Timeline right side 
		 */

    /* Date */
    .timeline__block--even .timeline__date__inner {
        padding: 0 76px 0
    }

    .timeline__block--even .timeline__date {
        border-left: 3px solid #6fcaf3;
    }

    .timeline__block--even .timeline__dateblock__text {
        padding: 0 54px 0 32px;
    }

    .timeline__block--even .timeline__dateblock::after {
        left: -90px;
        top: calc(50% - 11.25px);
        width: 90px;
        height: 22.5px;
    }

    /* text */
    .timeline__block--even .timeline__text {
        padding: 14px 67px 104px 72px;
    }

    .timeline__block--even .timeline__text__inner {
        max-width: 459px;
    }

    /**
		 * Searchresults
		 */
    .searchresults>p {
        font-size: 15px;
        margin-bottom: 27px;
    }

    .searchresults__list .search_title:before {
        margin-right: 5px;
    }

    .searchresults__list .search_extract {
        font-size: 15px;
    }

    /**
		 * Google maps
		 */
    .maps__wrap {
        height: 756px;
    }

    /**
		 * Cookiebanner
		 */
    .AMPEr_modal {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 27px;
    }

    /**
		 * Nieuws detail
		 */
    .nieuws-detail .introblok .intro-top {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    /* Max 2 lines title */
    .nieuws-detail .introblok .intro-top h1 {
        height: 108px;
    }

    /* Meta and breadcrumbs */
    .nieuws-detail .intro-bottom__meta {
        margin-bottom: 32px;
    }

    .nieuws-detail.detail .breadcrumbs {
        margin-bottom: 23px;
    }

    /* Cookie button */
    .btn--cookie {
        margin-top: 27px;
    }

    .btn--cookie .cta {
        width: 252px;
    }

    /**
		 * PB blokken project.
		 */
    /* Mirror quote */
    .mosaic.mirror .mosaic__project--txt.quoteblok {
        padding-right: 36px;
    }

    .mosaic.mirror .mosaic__project--txt.quoteblok .quote-left {
        right: -38px;
        left: unset;
    }

    /* Text */
    .pb-blok-grid .mosaic__project--txt h2 {
        font-size: 23px;
        letter-spacing: 2px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .pb-blok-grid.grid-quote .mosaic__project--txt {
        padding-left: 36px;
    }

    .pb-blok-grid.grid-quote .quoteblok .quote-left {
        top: -2px;
    }

    .pb-blok-grid .mosaic__project--txt.bg-darkblue {
        padding: 29px;
    }

    .pb-blok-grid .mosaic__project--txt {
        background-color: transparent;
        padding: 15px;
    }
}

/*********************************************
	 * VW 1905 {css-bob}
	 *********************************************/
@media screen and (max-width: 1905px) and (min-width: 760px) {

    .c-sm,
    .c1-sm,
    .c2-sm,
    .c3-sm,
    .c4-sm,
    .c5-sm,
    .c6-sm,
    .c7-sm,
    .c8-sm,
    .c9-sm,
    .c10-sm,
    .c11-sm,
    .c12-sm,
    .cos0-sm,
    .cos1-sm,
    .cos2-sm,
    .cos3-sm,
    .cos4-sm,
    .cos5-sm,
    .cos6-sm,
    .cos7-sm,
    .cos8-sm,
    .cos9-sm,
    .cos10-sm,
    .cos11-sm,
    .cos12-sm {
        padding-left: 1.406vw;
        padding-right: 1.406vw;
    }

    .pb-cijfers {
        padding-left: 1.406vw;
        padding-right: 1.406vw;
    }

    /*
		 * Helpers
		 */
    .font-74 {
        font-size: 3.490vw;
    }

    .news__inner {
        border: 0.104vw solid #6fcaf3;
    }

    .kop-font-smaller .kop {
        font-size: 1.146vw;
    }

    /*
		 * Countup
		 */
    .row--countup {
        margin-top: 2.813vw;
    }

    .pb-cijfers .row--countup {
        margin-top: 0;
    }

    /*
		*	Home news
		*/
    .news__top,
    .news__more {
        padding: 0.938vw 1.198vw 1.198vw 1.198vw;
    }

    .news__more {
        padding-bottom: 0.938vw;
    }

    .news__image {
        height: 10.104vw;
    }

    .news__type {
        margin-bottom: 1.146vw;
    }

    .news__title h3 {
        height: 5.469vw;
    }

    .news__link::after {
        margin-left: 0.208vw;
    }

    /*
		 * Banner laag
		 */
    .banner.banner-laag {
        height: 13.594vw;
    }

    /*
		 * Breadcrumbs
		 */
    .breadcrumb__item::before {
        margin-left: 0.260vw;
        margin-right: 0.260vw;
        font-size: 0.75vw;
    }

    .blok.breadcrumb {
        padding-top: 1.198vw;
    }

    .breadcrumb__list {
        display: flex;
        flex-wrap: wrap;
    }

    /*
		 * p-blauw
		 */
    .p-blauw__inner {
        padding: 2.344vw 4.948vw;
    }

    .p-blauw__title {
        margin-bottom: 2.604vw;
    }

    /*
		 * Filter
		 */
    .fiter__select {
        padding-left: 0.573vw;
    }

    .filter__head {
        margin-bottom: 1.875vw;
    }

    /*
		 * Filter selects
		 */
    .select__dropdown {
        padding-bottom: 1.094vw;
        padding-top: 0.365vw;
    }

    .select__item {
        margin-bottom: 1.094vw;
    }

    /* Container */
    .select__check {
        padding-left: 1.510vw;
        font-size: 0.729vw;
    }

    /* Hide the browser's default checkbox */
    .select__mark {
        height: 1.042vw;
        width: 1.042vw;
    }

    .select__check .select__mark:after {
        left: 0.104vw;
        top: 0.104vw;
        bottom: 0.104vw;
        right: 0.104vw;
    }

    /* head */
    .select__head {
        padding-right: 0.469vw;
        height: 2.552vw;
        font-size: 0.938vw;
    }

    .select__head__arrow {
        width: 0.729vw;
        height: 0.833vw;
    }

    /*
		 * Container search
		 */
    .c-search__head {
        margin-bottom: 1.875vw;
    }

    .c-search .search {
        border: 0.052vw solid #6fcaf3;
    }

    /*
		 * Container search (vacature)
		 */
    .search.vsearch {
        border: 0.052vw solid #6fcaf3;
        margin-top: 1.667vw;
    }

    /* 
		 * Mosaic grid
		 */
    .mosaic {
        gap: 1.406vw 1.406vw;
    }

    .item.pb-blok-grid .item.pb-slider {
        margin-bottom: 1.406vw;
    }

    .extra-margin-top {
        margin-top: 1.406vw;
    }

    /* mosaic short */
    /* mosaic items */
    .mosaic>div:nth-of-type(10n+1) {
        height: 33.260vw;
    }

    /* mosaic content */
    .mosaic__content {
        padding: 2.813vw;
    }

    .mosaic__text {
        font-size: 1.406vw;
    }

    /* mosaic content big items */
    .mosaic>div:nth-of-type(10n+1) .mosaic__content,
    .mosaic>div:nth-of-type(10n+7) .mosaic__content {
        padding: 2.813vw 2.813vw 4.688vw 2.813vw;
    }

    .mosaic>div:nth-of-type(10n+1) .mosaic__text,
    .mosaic>div:nth-of-type(10n+7) .mosaic__text {
        font-size: 2.813vw;
    }

    /* 
		 * News grid
		 */
    .newsgrid {
        margin-left: -1.406vwx;
        margin-right: -1.406vw;
    }

    .newsgrid .news__item {
        padding: 0 1.406vw;
        margin-bottom: 2.813vw;
    }

    .news__read {
        padding-left: 1.198vw;
    }

    /*
		 * Timeline  
		 */
    /* Quote */
    .simple__quote {
        margin-top: 3.281vw;
    }

    /* Timeline logo/head */
    .timeline__inner {
        margin-top: 0.938vw;
    }

    .timeline__logo__media {
        width: 11.250vw;
    }

    /* Timeline blocks */
    .timeline__block:nth-child(1) .timeline__text {
        padding-top: 3.073vw;
    }

    .timeline__block:nth-child(1) .timeline__date {
        padding-top: 2.344vw;
    }

    .timeline__block .timeline__text,
    .timeline__block .timeline__date__inner {
        padding-bottom: 5.156vw;
    }

    /* Date */
    .timeline__date {
        border-right: 2px solid #6fcaf3;
    }

    .timeline__date__inner {
        padding: 0 5.417vw 0 4.219vw;
    }

    .timeline__dateblock {
        height: 4.219vw;
        margin-bottom: 0.729vw;
    }

    .timeline__dateblock__text {
        padding: 0 2.813vw;
    }

    .timeline__dateblock__date {
        padding-bottom: 0.365vw;
    }

    .timeline__dateblock::after {
        right: -6.198vw;
        top: calc(50% - 0.586vw);
        width: 6.510vw;
        height: 1.198vw;
    }

    /* text */
    .timeline__text {
        border-left: 2px solid #6fcaf3;
        padding: 0.729vw 3.750vw 0 3.750vw;
    }

    .timeline__text__inner {
        max-width: 23.906vw;
    }

    /* Introblokken */
    .intro-bottom .info-item .left {
        width: 12.240vw;
    }

    /* Slick slider */
    .leftarrow {
        width: 2.031vw;
        height: 3.073vw;
    }

    /* 
		 * Timeline right side 
		 */

    /* Date */
    .timeline__block--even .timeline__date__inner {
        padding: 0 3.958vw 0
    }

    .timeline__block--even .timeline__date {
        border-left: 2px solid #6fcaf3;
    }

    .timeline__block--even .timeline__dateblock__text {
        padding: 0 2.813vw 0 1.667vw;
    }

    .timeline__block--even .timeline__dateblock::after {
        left: -4.688vw;
        top: calc(50% - 0.586vw);
        width: 4.688vw;
        height: 1.172vw;
    }

    .timeline__block--even .timeline__text {
        border-right: 2px solid #6fcaf3;
    }

    /* text */
    .timeline__block--even .timeline__text {
        padding: 0.729vw 3.490vw 5.417vw 3.750vw;
    }

    .timeline__block--even .timeline__text__inner {
        max-width: 23.906vw;
    }

    /**
		 * Searchresults
		 */
    .searchresults>p {
        font-size: 0.781vw;
        margin-bottom: 1.406vw;
    }

    .searchresults__list .search_title:before {
        margin-right: 0.260vw;
    }

    .searchresults__list .search_extract {
        font-size: 0.781vw;
    }

    .search_title {
        margin-bottom: 0.260vw;
    }

    /**
		 * Google maps
		 */
    .maps__wrap {
        height: 39.375vw;
    }

    /**
		 * Cookiebanner
		 */
    .AMPEr_modal {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0.938vw 1.406vw;
    }

    /**
		 * Nieuws detail
		 */
    .nieuws-detail .introblok .intro-top {
        padding-top: 2.813vw;
        padding-bottom: 2.813vw;
    }

    /* Max 2 lines title */
    .nieuws-detail .introblok .intro-top h1 {
        height: 5.625vw;
    }

    /* Meta and breadcrumbs */
    .nieuws-detail .intro-bottom__meta {
        margin-bottom: 1.680vw;
    }

    .nieuws-detail.detail .breadcrumbs {
        margin-bottom: 1.198vw;
    }

    /* Cookie button */
    .btn--cookie {
        margin-top: 1.406vw;
    }

    .btn--cookie .cta {
        width: 13.125vw;
    }

    /**
		 * PB blokken project.
		 */
    /* Mirror quote */
    .mosaic.mirror .mosaic__project--txt.quoteblok {
        padding-right: 1.890vw;
    }

    .mosaic.mirror .mosaic__project--txt.quoteblok .quote-left {
        right: -1.985vw;
        left: unset;
    }

    /* Text */
    .pb-blok-grid .mosaic__project--txt h2 {
        font-size: 1.207vw;
        letter-spacing: 0.105vw;
        line-height: 2.100vw;
        margin-bottom: 1.050vw;
    }

    .pb-blok-grid.grid-quote .mosaic__project--txt {
        padding-left: 1.890vw;
    }

    .pb-blok-grid.grid-quote .quoteblok .quote-left {
        top: -0.105vw;
    }

    .pb-blok-grid .mosaic__project--txt.bg-darkblue {
        padding: 1.522vw;
    }

    .pb-blok-grid .mosaic__project--txt {
        background-color: transparent;
        padding: 0.787vw;
    }
}

/********************************************
	 * CSS 1024 {css-bob}
	 ********************************************/
@media screen and (max-width:1024px) {



    .nieuws-detail .introblok .intro-top h1 {
        height: auto;
    }

    .font-74 {
        font-size: 3.490vw;
    }

    /* Breadcrumbs */
    .font-17 {
        font-size: 11px;
    }

    .breadcrumb__item::before {
        font-size: 11px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .intro-txt .breadcrumbs {
        line-height: 1.2;
    }

    /* Container */
    .select__check {
        font-size: 0.729vw;
    }

    /* head */
    .select__head {
        font-size: 0.938vw;
    }

    /* mosaic content */
    .mosaic__text {
        font-size: 1.406vw;
    }

    /* mosaic content big items */
    .mosaic>div:nth-of-type(10n+1) .mosaic__text,
    .mosaic>div:nth-of-type(10n+7) .mosaic__text {
        font-size: 2.813vw;
    }

    /**
		 * Searchresults
		 */
    .searchresults>p {
        font-size: 0.781vw;
    }

    .searchresults__list .search_extract {
        font-size: 0.781vw;
    }

    .search_title {
        margin-bottom: 5px;
    }

    /* captcha */
    .form-item-captcha {
        transform: scale(0.85);
        transform-origin: top left;
    }

    /* banner */
    .banner {
        max-width: 91.562vw;
    }

    /**
		 * Timeline
		 */
    .timeline__text__inner {
        max-width: 100%;
    }

    .timeline__block--even .timeline__text__inner {
        max-width: 100%;
    }

    .timeline__dateimg {
        width: 100%;
    }

    .timeline__dateblock {
        margin-bottom: 0;
        height: auto;
    }

    .timeline__dateimg {
        margin-top: 10px;
    }

    .timeline__block--even .timeline__dateblock__text,
    .timeline__dateblock__text {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .timeline__dateblock__text .font-25 {
        font-size: 19px;
    }

    .font-74 {
        font-size: 29px;
    }

    /* Filter */
    .select__head {
        font-size: 14px;
        line-height: 1.46;
        height: unset;
        padding: 0.625vw 1.2vw 0.625vw 0;
    }

    .select__check {
        font-size: 10px;
        padding-left: 22px;
    }

    .select__mark {
        width: 15px;
        height: 15px;
    }

    .fiter__select {
        padding-left: 10px;
    }

    .select__dropdown {
        padding-bottom: 10px;
        padding-top: 5px;
    }

    /* Search */
    .search .search__input {
        width: 100%;
    }

    .c-search__head {
        margin-bottom: 5px;
    }

    .search__media {
        width: 16px;
    }

    /* Zoekresultaten */
    .searchresults>p {
        font-size: 11px;
    }

    /* Intro blokken (project) */
    .intro-bottom .info-item .left {
        line-height: 1.66;
        font-size: 14px;
        width: 135px;
    }

    .intro-bottom .info-item .right {
        line-height: 1.66;
        font-size: 14px;
    }

    .intro-bottom .font-36 {
        font-size: 14px;
    }

    /* Cookie button */
    .btn--cookie {
        margin-top: 20px;
    }

    .btn--cookie .cta {
        width: 180px;
    }

    .kop-font-smaller .kop {
        font-size: 17px;
    }

    /**
		 * PB blokken project.
		 */
    /* Text */
    .pb-blok-grid .mosaic__project--txt h2 {
        font-size: 17px;
        letter-spacing: 2px;
        line-height: 24px;
    }


}

/********************************************
	 * 760 Mobile {css-bob}
	 *******************************************/
@media screen and (max-width: 760px) {
    .timeline__dateblock__text .font-25 {
        font-size: 16px;
    }

    .timeline__block--even .timeline__dateimg {
        width: 100%;
    }

    .nieuws-detail .introblok .intro-top {
        padding-left: 30px;
        padding-right: 45px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .nieuws-detail .introblok .intro-top h1 {
        height: auto;
        display: block;
    }


    .mosaic__content {
        position: relative;
    }


    .pb-cijfers {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row--countup {
        margin-top: 30px;
    }

    .pb-cijfers .row--countup {
        margin-top: 0;
    }

    /* Global */
    .container {
        max-width: 100%;
        padding: 0 25px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .xs-margin-bottom-none {
        margin-bottom: 0 !important;
    }

    /* Breadcrumbs */
    .breadcrumbs,
    .intro-txt .breadcrumbs {
        margin: 0;
        padding: 0;
    }

    .blok.breadcrumb {
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .breadcrumb__list {
        display: flex;
        flex-wrap: wrap;
    }

    .pr-detail .breadcrumb__list {
        margin-bottom: 10px;
    }

    /* Header */
    .header__logo__text {
        display: none;
    }

    /* maps */
    .maps__wrap {
        height: 70vh;
    }

    /* Banners */
    .banner {
        max-width: 100%;
        height: calc(91.86vh - 60px);
    }

    .isMobile .banner {
        height: calc(91.86vh - 60px);
        height: calc((var(--vh, 1vh) * 91.86) - 60px);
    }

    .banner.banner-laag {
        max-width: 100%;
        height: calc(50vh - 60px);
    }

    .isMobile .banner.banner-laag {
        height: calc(50vh - 60px);
        height: calc((var(--vh, 1vh) * 50) - 60px);
    }

    .banner-home .bannercontent-top {
        margin-top: 20vh;
        padding: 15px;
    }

    .banner-home .bannercontent-bottom {
        padding: 8px 15px 8px 15px;
    }

    .banner-home .blok {
        padding-left: 18.39%
    }

    /* keuze blokken */
    .homekeuze .top>span {
        display: none;
    }

    .homekeuze .top span {
        margin: 0;
    }

    .homekeuze .top {
        padding: 0;
    }

    .homekeuze .top a {
        padding: 20px 10px 20px 10px;
        display: block;
    }

    .homekeuze .top a>span {
        display: flex;
        justify-content: space-between;
    }

    .homekeuze .top a>span>span:last-of-type {
        font-size: 28px;
        font-weight: 600;
        margin-top: -3px;
    }

    .item.blok--homekeuze {
        margin-bottom: 7px;
    }

    .top-up {
        margin-top: -161px;
    }

    /* Timeline */
    .tijdlijn .simple__quote {
        margin-top: 10px;
    }

    .timeline__inner {
        margin-top: 0;
    }

    .timeline__logo {
        display: none;
    }

    .timeline__date__inner {
        padding: 0;
    }

    .timeline__dateblock::after {
        content: none;
    }

    .timeline__date {
        border: none;
    }

    .timeline__text {
        border: none;
    }

    .timeline__half {
        width: 100%;
    }

    .timeline__dateblock__text .font-25 {
        text-align: left;
        width: 100%;
    }

    .timeline__dateblock {
        margin-bottom: 0;
    }

    .timeline__block .timeline__text,
    .timeline__block .timeline__date__inner {
        padding-bottom: 0px;
    }

    .timeline__block:nth-child(1) .timeline__date {
        padding-top: 0;
    }

    .timeline__block:nth-child(1) .timeline__text {
        padding-top: 0;
    }

    .timeline__text {
        padding: 0;
        margin-bottom: 20px;
    }

    /* reverse */
    .timeline__block--even .timeline__dateblock::after {
        content: none;
    }

    .timeline__block--even .timeline__date__inner {
        padding: 0;
    }

    .timeline__block--even .timeline__date,
    .timeline__block--even .timeline__text {
        border: none;
    }

    .timeline__block--even .timeline__text {
        padding: 0;
    }

    .timeline__half.timeline__text {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .timeline__block--even .timeline__dateblock__text,
    .timeline__dateblock__text {
        padding-left: 10px;
        padding-right: 10px;
    }

    .timeline__dateblock__date {
        padding-bottom: 3px;
    }

    /* Introblokken */
    .bannercontent-top .font-70 {
        font-size: 24px;
        line-height: 1.22;
    }

    .bannercontent-bottom .font-36 {
        font-size: 14px;
        line-height: 2;
    }

    .introblok {
        margin-top: -161px;
    }

    .introblok .intro-top {
        padding-left: 30px;
        padding-right: 45px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .introblok .intro-top .font-70 {
        font-size: 24px;
        line-height: 1.22;
    }

    .detail .introblok .intro-bottom {
        padding-left: 30px;
        padding-right: 45px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .detail .introblok .intro-bottom .kop {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 5px;
        margin-top: 2px;
    }

    .item.introblok {
        margin-bottom: 10px;
    }

    .pr-detail .introblok .intro-bottom {
        padding-left: 30px;
        padding-right: 45px;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .intro-bottom .info-item .left {
        font-size: 14px;
        margin-right: 10px;
        width: 140px;
        line-height: 1.66;
    }

    .intro-bottom .info-item .right {
        font-size: 14px;
        line-height: 1.66;
        width: calc(100% - 150px);
    }

    /* Meer informatie */
    span.more {
        padding-top: 10px;
    }

    span.more>a {
        padding: 12px 16px;
        background-color: #6fcaf3;
        color: white;
        letter-spacing: 0.1em;
        display: inline-block;
    }

    /* Nieuws blokken */
    .news__top {
        padding: 10px;
    }

    .news__inner {
        border-width: 1px;
    }

    .news__type {
        margin-bottom: 0;
    }

    .news__title h3 {
        height: 48px;
        margin-bottom: 10px;
        -webkit-line-clamp: 2;
    }

    .news__bot {
        position: relative;
    }

    .news__more {
        padding: 0;
        position: absolute;
        left: 10px;
        bottom: 10px;
    }

    .news__more>div {
        padding: 10px 0;
        background-color: #007dbe;
        display: flex;
        width: 185px;
        align-items: center;
        justify-content: center;
    }

    .news__link {
        color: #fff;
        letter-spacing: 0.1em;
    }

    .news__link::after {
        content: none;
    }

    /* Only 2 news blocks on home */
    .home-news>div:nth-of-type(4n) {
        display: none;
    }

    .home-news>div:nth-of-type(3n) {
        display: none;
    }

    /*
		 * Project overzicht
		 */
    .mosaic {
        display: block;
    }

    .mosaic__media {
        width: 100%;
        height: auto;
    }

    .mosaic__media--small {
        display: block !important;
    }

    .mosaic__media--vert,
    .mosaic__media--big {
        display: none !important;
    }

    .mosaic>div:nth-of-type(10n+1) {
        height: unset;
    }

    .mosaic>div {
        margin-bottom: 15px;
    }

    .mosaic.mosaic--short .mosaic__item {
        display: none;
    }

    .mosaic.mosaic--short>div:nth-of-type(-n+3) {
        display: block;
    }

    .mosaic>div .mosaic__content {
        padding: 10px 15px !important;
    }

    .mosaic__text {
        font-size: 18px !important;
    }

    .mosaic__content {
        opacity: 1;
        top: unset;
    }

    /* Project overzicht pagina */
    .p-blauw__inner {
        padding-left: 30px;
        padding-right: 45px;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .p-blauw__title {
        margin-bottom: 10px;
    }

    /* Filter */
    .filter__head {
        margin-bottom: 10px;
    }

    .select__head {
        padding: 12px 16px 12px 0;
    }

    .select__dropdown {
        padding-bottom: 16px;
    }

    /* Search */
    .search {
        padding: 12px 16px 12px 10px;
    }

    .search__media {
        width: 16px;
    }

    /* vacature search */
    .intro-txt .zoek-vacature {
        margin-top: 10px;
        margin-left: 0;
    }

    .search.vsearch {
        margin-top: 5px;
    }

    /* Nieuws overzicht */
    .newsgrid .news__item {
        width: 100%;
        margin-bottom: 15px;
    }

    .nieuws-overzicht .newsgrid>div:nth-of-type(6n) {
        display: none;
    }

    .nieuws-overzicht .blok.filter,
    .nieuws-overzicht .blok.csearch {
        display: none;
    }

    .news__read {
        padding-left: 0;
    }

    .searchresults>p {
        margin-bottom: 10px;
        font-size: 12px;
    }

    /* Vacature */
    .detail.werken-bij .introblok .intro-bottom {
        padding-right: 30px;
        padding-top: 15px;
    }

    /* Slick slider */
    .projectslider-txtvlak {
        width: 100%;
        position: initial;
        background-color: #6fcaf3;
        opacity: 1;
    }

    .projectslider-txtvlak p {
        color: white;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 15px;
        opacity: 1;
    }

    .projectslider .arrows {
        height: unset;
        display: none;
    }

    .rightarrow {
        width: 18px;
        height: 28px;
        right: 15px;
        background-size: cover;
    }

    .leftarrow {
        width: 18px;
        height: 28px;
        left: 15px;
        background-size: cover;
    }

    /* Project detail */
    .pb-werkzaamheden .opsomming .inhoud {
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 15px;
        padding-right: 20px;
        background: #007dbe;
    }

    .pb-werkzaamheden .opsomming {
        margin-left: 0;
    }

    .pb-werkzaamheden .opsomming {
        background: none;
    }

    /* cta no hover */
    .cta:hover .inh::after {
        opacity: 0;
        right: 0;
    }

    .cta:hover .inh {
        padding-right: 0 !important;
    }

    .cta .inh::after {
        content: none !important;
        opacity: 0;
        top: 0;
        right: 0 !important;
        transition: none !important;
    }

    /**
		 * PB blokken project.
		 */
    .mosaic.mirror .mosaic__project--txt.quoteblok .quote-left {
        right: -39px;
        left: unset;
    }

    /* Text */
    .pb-blok-grid .mosaic__project--txt h2 {
        margin-bottom: 15px;
    }

    .pb-blok-grid.grid-quote .mosaic__project--txt {
        padding-left: 47;
    }

    .pb-blok-grid.grid-quote .quoteblok .quote-left {
        top: -2px;
    }

    .pb-blok-grid .mosaic__project--txt.bg-darkblue {
        padding: 15px;
    }

    .pb-blok-grid .mosaic__project--txt {
        padding: 0;
    }

    .pb-blok-grid .mosaic>div {
        margin-bottom: 20px;
    }

    .pb-blok-grid.item {
        margin: 0;
    }
}

/* Height media querys */
@media screen and (max-height: 500px) {
    .banner-home .container {
        display: none;
    }
}

@media screen and (min-height: 750px) and (max-width: 760px) {
    .banner-home .bannercontent-top {
        margin-top: 30vh;
    }
}

@media screen and (max-width: 424px) {
    .bannercontent-bottom .font-36 {
        padding-right: 30px;
        line-height: 1.4;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/*! {css-footer} */
.cta-footer {
    padding-top: 57.5px;
    padding-bottom: 57.5px;
}



.cta {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta a {
    color: inherit;
}

footer {
    padding-top: 60px;
    padding-bottom: 0px;
    line-height: 40px;
}

footer .item {
    color: black;
}

footer a {
    color: inherit;
}

footer a:hover {
    text-decoration: underline;
}

footer .linkedin {
    width: 35px;
}

footer .down {
    margin-top: 30px;
}


footer .socials {
    margin-top: 57px;
}



/*90%*/

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

    .cta-footer {
        padding-top: 52px;
        padding-bottom: 52px;
    }


    .cta {
        padding-top: 12px;
        padding-bottom: 12px;
    }


    footer {
        padding-top: 54px;
        line-height: 46px;
    }




    footer .linkedin {
        width: 32px;
    }

    footer .down {
        margin-top: 27px;
    }


    footer .socials {
        margin-top: 51px;
    }

}

.ftlogo {
    line-height: 0px;
}



/*VWS%*/

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

    .cta-footer {
        padding-top: 2.708vw;
        padding-bottom: 2.708vw;
    }


    .cta {
        padding-top: 0.625vw;
        padding-bottom: 0.625vw;
    }


    footer {
        padding-top: 2.813vw;
        line-height: 2.396vw;
    }




    footer .linkedin {
        width: 1.667vw;
    }

    footer .down {
        margin-top: 1.406vw;
    }


    footer .socials {
        margin-top: 2.656vw;
    }

}

/*! {!css-animatie} */

/*
	 * CTA hovers
	 * (en misschien andere buttons ook?
	 */
.cta .inh {
    display: inline-block;
    position: relative;
    transition: 0.35s;
}

.cta .inh:after {
    content: '>';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.35s;
}

.droombaanblok .cta .inh:after {
    top: -3px;
}

.cta:hover .inh {
    padding-right: 25px;
}

.cta:hover .inh:after {
    opacity: 1;
    right: 0;
}


/*
	 * News arrows
	 */
.fullclick {
    cursor: pointer;
}

.news__more:hover .news__link::after,
.fullclick:hover .news__link::after,
a:hover .pijl {
    margin-left: 10px;
}

.news__more .news__link::after,
.fullclick .news__link::after,
a:hover .pijl {
    transition: 0.35s;
}

.vacatureblok .inhoud .pijl {
    transition: 0.35s;
}

.vacatureblok:hover .inhoud .pijl {
    right: 50px;
}






/*90%*/

@media only screen and (max-width: 1920px) {
    .cta .inh:after {
        content: '>';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -18px;
        transition: 0.35s;
    }

    .droombaanblok .cta .inh:after {
        top: -3px;
    }

    .cta:hover .inh {
        padding-right: 23px;
    }

    .news__more:hover .news__link::after,
    .fullclick:hover .news__link::after,
    a:hover .pijl {
        margin-left: 9px;
    }


    .vacatureblok:hover .inhoud .pijl {
        right: 45px;
    }
}



/*VW*/

@media only screen and (max-width: 1905px) {
    .cta .inh:after {
        content: '>';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -0.938vw;
        transition: 0.35s;
    }

    .droombaanblok .cta .inh:after {
        top: -0.156vw;
    }

    .cta:hover .inh {
        padding-right: 1.198vw;
    }

    .news__more:hover .news__link::after,
    .fullclick:hover .news__link::after,
    a:hover .pijl {
        margin-left: 1.198vw;
    }


    .vacatureblok:hover .inhoud .pijl {
        right: 2.344vw;
    }
}

/*! {css-fonts-tablet-mobiel} */
#meerBtn {
    display: none;
}

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


    /*homebanner*/


    .homekeuze .font-50 {
        font-size: 20px;
        line-height: 26px;
    }

    .introtxt.font-25,
    .introblok .font-25 {
        font-size: 16px;
        line-height: 24px;
    }



    .specialisatieblok .kop {
        font-size: 15px;

    }

    .more a {
        font-size: 16px;
        line-height: 24px;
    }


    .font-15 {
        font-size: 10px;
    }

    .font-20 {
        font-size: 14px;
    }

    .font-22 {
        font-size: 18px;
    }

    .font-25 {
        font-size: 17px;
    }



    .font-30 {
        font-size: 18px;
    }

    .font-35 {
        font-size: 24px;
    }

    .font-40 {
        font-size: 22px;
        line-height: 30px;
    }


    .font-48,
    .font-50 {
        font-size: 24px;
        line-height: 1.1;
    }

    .font-70 {

        font-size: 22px;
        line-height: 27px;
    }


    .line-18 {
        line-height: 18px;
    }

    .line-35 {
        line-height: 24px;
    }

    .line-40 {
        line-height: 25px;
    }

    .line-45 {
        line-height: 26px;
    }

    .line-48 {
        line-height: 30px;
    }

    .line-86 {
        line-height: 29px;
    }

    .letter-spacing-1 {
        letter-spacing: 1px;
    }

    .letter-spacing-2 {
        letter-spacing: 2px;
    }


    /*blokken*/
    /*Verwachtingen*/
    .verwachting .txt {
        font-size: 12px;
        line-height: 21px;
        padding-top: 10px;
        margin-bottom: 25px;
    }




    /*contact*/
    .formblok .form-label-left {
        width: 100%;
    }



    .formblok .form-item input {
        width: 100%;
        margin-top: 5px;
        height: 30px;
        border: 1px solid #6fcaf3;
        margin-bottom: 15px;
    }



    .formblok .form-item textarea {
        height: 90px;
        width: 100%;
        border: 1px solid #6fcaf3;
    }

    .formblok-groot .form-item input,
    .formblok.formblok-groot .form-item textarea {
        width: 100%;
    }

    .formblok #agree {
        height: 20px;
        width: 20px;
    }

    .formblok .akkoord {
        margin-left: 30px;
    }

    .btn-form {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
    }


    /*Footer*/
    footer {
        line-height: 28px;
    }

    footer .socials {
        margin-top: 15px;
    }

    footer .linkedin {
        width: 35px;
    }

    .cta {
        padding-top: 8px;
        padding-bottom: 8px;
    }





    /*vacatures*/
    .vacatures {
        padding-right: 5px;
        padding-left: 5px;
    }

    .vacatureblok .inhoud .pijl {
        font-size: 26px;
        line-height: 0px;
        right: 10px;
        bottom: 24px;
    }

    .vacatureblok {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        width: 100%;
        padding-top: 10px;
    }

    .vacatureblok .inhoud {
        padding-left: 10px;
        padding-right: 50px;
        padding-top: 10px;
        height: auto;
        width: 100%;
        padding-bottom: 10px;
    }


    .droombaanblok .kop {
        margin-bottom: 10px;
    }

    .droombaanblok .inhoud {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .droombaanblok .cta.first {
        margin-right: 17px;
    }

    .droombaanblok .cta {
        width: calc(50% - 11px);
        height: 40px;
    }



    .droombaanblok .tekst {
        margin-bottom: 20px;
    }

    .droombaanblok .font-30 {
        font-size: 22px;
    }



    .homekeuze li,
    .pb-blok li {
        margin-bottom: 10px;
        padding-left: 15px;
    }




    .blok-100-bg {
        padding-top: 30px;
        margin-left: 10px;
        max-width: calc(100% - 15px);

    }

    .blok-100-bg .pb-blok {
        padding-left: 30px;
        padding-right: 30px;
    }

    .renovatie-onderhoud-blok .blok .inhoud,
    .innovatie-blok .blok .inhoud {
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 20px;
    }

    .overblok .blok .first {
        margin-bottom: 20px;
    }

    .renovatie-onderhoud-blok .blok {
        height: auto;
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .innovatie-blok .blok {
        height: auto;
        padding-bottom: 20px;
    }

    .blok-100-bg .quoteblok.right {
        padding-bottom: 20px;
    }




}


@media only screen and (min-width: 760px) and (max-width: 1025px) {


    .tabhide {
        display: none;
    }

    .homekeuze .font-25 {
        font-size: 12px;
    }

    .homekeuze .direct {
        display: block;
        margin-bottom: 10px;
    }

    .cta .font-25 {
        font-size: 14px;
    }


    .innovatie-blok .blok {
        height: 100%;
    }




}



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

    .letter-spacing-2 {
        letter-spacing: 1px;
    }

    p {
        margin-bottom: 10px;
    }

    .item {
        margin-bottom: 20px;
    }

    /*home*/
    .spec .item {
        margin-bottom: 5px;
    }

    .spec img {
        height: calc(100% - 2px);
        background-size: cover;
    }

    .font-17 {
        font-size: 12px;
    }

    .font-36 {
        font-size: 13px;
        line-height: 27px;
    }

    .font-40 {
        font-size: 24px;
        line-height: 32px;
    }

    .font-72 {
        font-size: 26px;
    }

    .item-marginbottom-20,
    .item-margin-bottom-20 {
        margin-bottom: 5px;
    }

    .item-marginbottom-20-mob,
    .item-marginbottom-20,
    .item-margin-bottom-20,
    .item-marginbottom-less,
    .item-margin-bottom-less {
        margin-bottom: 20px !important;
    }

    .spec .item-marginbottom-20-mob,
    .spec .item-marginbottom-20 {
        margin-bottom: 6px !important;
    }

    .spec .item-padleft-none {
        padding-left: 10px !important;
    }


    .spec .mobpos-1,
    .spec .mobpos-3,
    .spec .mobpos-7 {
        padding-right: 10px !important
    }


    .spec .mobpos-8,
    .spec .mobpos-2,
    .spec .mobpos-5 {
        padding-right: 5px !important;
    }

    .spec .mobpos-6,
    .spec .mobpos-3,
    .spec .mobpos-9 {
        padding-left: 5px !important;
    }

    .spec .blok {
        height: 100px;
    }

    .spec img {
        width: 100%;
    }

    .specialisatieblok .kop {
        font-size: 16px;
    }


    .homekeuze .font-25 {
        font-size: 15px;
        line-height: 20px;
    }


    /*blokken*/
    .kop-img-txt-blok .kop,
    .kop-txt .kop {
        margin-bottom: 10px;
    }

    .kopblok {
        margin-bottom: 20px;
    }

    .pb-werkzaamheden .opsomming,
    .pb-werkzaamheden .afb img {
        height: auto;
    }



    .bgtxtblok .kop {
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .kop-img-txt-blok .txt {
        margin-top: 20px;
    }


    .verwachting .txt {
        font-size: 14px;
        line-height: 23px;
        padding-top: 10px;
        margin-bottom: 25px;
    }

    .quoteblok .citaat {
        margin-bottom: 10px;
    }

    .quoteblok .inhoud {
        border: 2px solid #6fcaf3;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .quoteblok .quote-right {
        /* width: 21px;
			height: 16px;
			right: -21px;
			bottom: -1px;*/

        width: 39px;
        height: 31px;
        right: -39px;
        bottom: -2px;



    }

    .quoteblok.right {
        padding-right: 47px;
        padding-left: 10px;
    }

    .quoteblok.left {
        padding-left: 47px;
        padding-right: 10px;
    }



    .quoteblok .quote-left {
        width: 39px;
        height: 29.7px;
        left: -39px;
        bottom: -2px;
    }


    .quoteblok .quote-right-top {
        width: 39px;
        height: 31px;
        right: -39px;
        top: -2px;
    }



    .blok-100-bg .quoteblok {
        padding-right: 65px;
        padding-left: 35px;
    }



    .pb-meer .cta {
        max-height: 40px;
        margin-top: 20px;
        max-width: 100%;
    }

    .pb-meer .inhoud {
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }



    /*contact*/

    .contact .kop-txt .linkedin {
        max-width: 35px;
        margin-top: 20px;
    }

    .borderblok {
        border: 2px solid #6fcaf3;
        padding-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
        max-width: calc(100% - 20px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .formblok {
        margin-bottom: 40px;
    }

    .absolute-bottom {
        position: relative;
        margin-top: 20px;
    }


    /*footer*/

    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .cta-footer {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 40px;
    }

    .cta .font-25 {
        font-size: 16px;
    }


    /*Breadcrumbs*/
    .detail .breadcrumbs {
        margin-bottom: 10px;
    }

    .contact .breadcrumbs {
        padding-top: 10px;
    }



    .blok-renovatie,
    .blok-innovatie {
        background: #6fcaf3;
        background-image: none !important;
    }



    .blok-transformatie .font-20 {
        font-size: 16px;
    }


    .blok-transformatie,
    .blok-onderhoud {
        background: #007dbe;
        background-image: none !important;
    }

    .blok-innovatie .kop {
        margin-bottom: 2.083vw;
    }





    .blok-innovatie {
        max-width: calc(100% - 15px);
        margin-left: 10px;
    }

    .blok-innovatie .font-zwart p,
    .blok-innovatie .font-blauw,
    .font-blauw p {
        color: white;
    }



    .bgtxtblok .inhoud {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }



}


@media only screen and (max-width: 760px) {
    .bewoners-contact-item {
        min-height: auto !important;
    }

    .bewoners-contact-item p {
        padding-bottom: 20px;
    }

    footer {
        font-size: 14px;
    }

    .anchorblok {
        margin-top: -65px;
    }


    #meerBtn {
        display: block;
        text-align: center;
    }

    .mobhideitem {
        display: none;
    }

}

/*! {css-banner-animatie} */
.bannerslide .slick-current .zoom,
.bannerslide .slick-current.zoom {
    background-position: center;
    -webkit-animation: zoomin 6s linear;
    animation: zoomin 6s linear;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
    background-size: 100%;
    position: relative;
}

@keyframes zoomin {
    0% {
        /* background-size: 100%; */
        -webkit-transform: scale(1.0);

    }

    100% {
        /*  background-size: 110%; */
        -webkit-transform: scale(1.09);

    }
}

@-webkit-keyframes zoomin {
    0% {
        /*  transform: scale(1)*/
        /*background-size: 100% 100%; */

        -webkit-transform: scale(1.0);

    }

    100% {
        /* transform: scale(1.05)*/
        /*  background-size: 110% 110%; */

        -webkit-transform: scale(1.09);

    }
}


.headervideo {
    object-fit: cover;
    width: 100vw;
    height: 100%;

    top: 0;
    left: 0;
}




#txt-bewoners-contact {
    min-height: 75px;
}

.clear {
    clear: both;
}

.bewoners-contact-item {
    min-height: 290px;
}

.radio-item {
    display: block;
    float: left;
    margin-right: 10px;
    line-height: 45px;
}

.formblok .form-item .radiobtn {
    width: 20px;
    margin-bottom: 0px;
    display: inline;
    float: left;
    margin-right: 10px;
}

.form-item a {
    color: black;
}


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


    #txt-bewoners-contact {
        min-height: 68px;
    }

    .bewoners-contact-item {
        min-height: 245px;
    }

    .radio-item {
        margin-right: 9px;
        line-height: 41px;
    }

    .formblok .form-item .radiobtn {
        width: 18px;
        margin-right: 9px;
    }


}

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

    .radios {
        float: left;
        width: 260px;
    }

    #txt-bewoners-contact {
        min-height: 4.770vw;
    }

    .bewoners-contact-item {
        min-height: 15.361vw;
    }

    .radio-item {
        margin-right: 0.472vw;
        line-height: 2.2vw;
    }

    .formblok .form-item .radiobtn {

        margin-right: 9px;
    }


}



@media only screen and (max-width: 1024px) {
    .radio-item {
        margin-right: 10px;
        line-height: 38px;
        margin-top: 5px;
    }

    .bewoners-contact-item {
        min-height: 330px;
    }

}


@media only screen and (max-width: 840px) {
    .cta .font-25 {
        font-size: 12px;
    }
}