html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #333;
    font-family: var(--typography--body);
    color: var(--colors--darkest);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

nav,section {
    display: block
}

a {
    background-color: transparent;
    text-decoration: underline;
    transition: box-shadow .2s,background-color .2s,color .2s
}

a:active,a:hover {
    outline: 0
}

h1 {
    margin: .67em 0;
    font-size: 38px;
    font-size: 6rem;
    font-weight: 200;
    line-height: 1.2
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block
}

svg:not(:root) {
    overflow: hidden
}

button {
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: button;
    appearance: button
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

[class*=" peerfect-icon-"] {
    font-family: "peerfect-icons"!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.peerfect-icon-dropdown-toggle:before {
    content: ""
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.peerfect-inline-block {
    max-width: 100%;
    display: inline-block
}

.peerfect-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898ec;
    color: #fff;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0
}

h1,.h62h2,p {
    margin-top: 0;
    margin-bottom: 0
}

h1,.h62h2 {
    font-family: var(--typography--heading)
}

.h62h2 {
    font-size: 12px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4
}

p {
    font-size: 1rem;
    line-height: 1.5
}

.peerfect-embed:after,.peerfect-embed:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.peerfect-embed:after {
    clear: both
}

.peerfect-form {
    margin: 0 0 15px
}

.peerfect-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.peerfect-container:after,.peerfect-container:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.peerfect-container:after {
    clear: both
}

@media screen and (max-width:991px) {
    .peerfect-container {
        max-width: 728px
    }

    .italic-selected {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media screen and (max-width:479px) {
    .peerfect-container {
        max-width: none
    }
}

.peerfect-dropdown {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 900
}

.peerfect-dropdown-toggle {
    color: #222
}

.peerfect-dropdown-link,.peerfect-dropdown-toggle {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap
}

.peerfect-dropdown-toggle {
    user-select: none;
    display: inline-block;
    cursor: pointer;
    padding: 20px 40px 20px 20px
}

.peerfect-dropdown-toggle:focus {
    outline: 0
}

.peerfect-icon-dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 20px auto auto;
    width: 1em;
    height: 1em
}

.peerfect-dropdown-list {
    position: absolute;
    background: #ddd;
    display: none;
    min-width: 100%
}

.peerfect-dropdown-list.peerfect--open {
    display: block
}

.peerfect-dropdown-link {
    padding: 10px 20px;
    display: block;
    color: #222
}

.peerfect-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .peerfect-nav-brand {
        padding-left: 10px
    }

    .italic-selected {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.peerfect-nav {
    position: relative;
    background: #ddd;
    z-index: 1000
}

.peerfect-nav:after,.peerfect-nav:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.peerfect-nav:after {
    clear: both
}

.peerfect-nav-brand,.peerfect-nav-link {
    position: relative;
    text-decoration: none
}

.peerfect-nav-brand {
    float: left;
    color: #333
}

.peerfect-nav-link {
    display: inline-block;
    vertical-align: top;
    color: #222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.peerfect-nav-menu {
    position: relative;
    float: right
}

[data-nav-menu-open] {
    display: block!important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #c8c8c8;
    text-align: center;
    overflow: visible;
    min-width: 200px
}

.peerfect--nav-link-open {
    display: block;
    position: relative
}

.peerfect-nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%
}

.peerfect-nav-overlay [data-nav-menu-open] {
    top: 0
}

.peerfect-nav-button {
    position: relative;
    float: right;
    padding: 18px;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    user-select: none
}

.peerfect-nav-button:focus {
    outline: 0
}

.peerfect-nav-button.peerfect--open {
    background-color: #c8c8c8;
    color: #fff
}

.peerfect--nav-dropdown-open,.peerfect--nav-dropdown-toggle-open {
    display: block
}

.peerfect--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .peerfect-nav[data-collapse=medium] .peerfect-nav-menu {
        display: none
    }

    .peerfect-nav[data-collapse=medium] .peerfect-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .peerfect-nav-brand {
        padding-left: 10px
    }
}

.peerfect-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media screen and (max-width:991px) {
    .peerfect-layout-blockcontainer {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {
    .peerfect-layout-blockcontainer {
        max-width: none
    }
}

.heading-style-h3,.heading-style-h6 {
    font-family: var(--typography--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2
}

.heading-style-h6 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4
}

.text-color-white {
    color: var(--colors--white)
}

.text-color-white-059 {
    color: var(--colors--white-059)
}

.text-color-black-059 {
    z-index: 2;
    color: var(--colors--black-059);
    position: relative
}

.text-color-brand-second-hover {
    color: var(--colors--brand-second-hover)
}

.svg-icon {
    display: inline-flex
}

.white-013-background {
    background-color: var(--colors--white-013)
}

.info-box {
    align-items: center;
    padding: .25rem;
    display: flex
}

.margin-tiny {
    margin: .25rem
}

.margin-small {
    margin: 1.5rem
}

.margin-large {
    margin: 3rem
}

.padding-xsmall {
    padding: 1rem
}

.padding-xxlarge {
    padding: 5rem
}

.padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.margin-right,.margin-top {
    margin-bottom: 0;
    margin-left: 0
}

.margin-top {
    margin-right: 0
}

.margin-right {
    margin-top: 0
}

.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.button {
    background-color: var(--colors--darkest);
    border-radius: .75rem;
    padding: .75rem 1.5rem;
    transition: color .2s,box-shadow .2s,background-color .2s;
    box-shadow: 0 24px 24px -8px #33333308,0 10px 10px -5px #33333308,0 5px 5px -2.5px #33333308,0 3px 3px -1.5px #3333330a,0 2px 2px -1px #3333330a,0 1px 1px -.5px #33333308,0 0 0 1px #4141410f
}

.button:hover {
    background-color: var(--colors--black)
}

.button.is-secondary:hover,.is-secondary {
    background-color: var(--colors--white)
}

.button.is-tertiary {
    box-shadow: none
}

.is-secondary {
    color: var(--colors--darkest);
    box-shadow: 0 24px 24px -12px #33333308,0 10px 10px -5px #33333308,0 5px 5px -2.5px #33333308,0 3px 3px -1.5px #3333330a,0 2px 2px -1px #3333330a,0 1px 1px -.5px #33333308,0 0 0 1px #4141410f
}

.is-secondary:hover {
    color: var(--colors--darker);
    box-shadow: 0 24px 24px -12px #33333303,0 10px 10px -5px #33333303,0 5px 5px -2.5px #33333308,0 3px 3px -1.5px #3333330a,0 2px 2px -1px #3333330a,0 1px 1px -.5px #3333330a,0 0 0 1px #41414114
}

.is-small {
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.is-tertiary {
    color: var(--colors--darkest);
    background-color: #0000
}

.is-tertiary:hover {
    background-color: var(--colors--black-003);
    color: var(--colors--black)
}

.max-width-large {
    width: 100%;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto
}

.form-block {
    margin-bottom: 0
}

.dropdown-icon {
    color: var(--colors--dark);
    margin-top: .9rem;
    margin-right: 1rem;
    font-size: .75rem
}

.dropdown-menu {
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background-color: #ffffffdb
}

.dropdown-menu.peerfect--open {
    border-radius: 1.5rem;
    margin-top: 1rem;
    margin-left: -1rem;
    padding: 1rem
}

.dropdown-menu.menu-shadow {
    box-shadow: 0 32px 32px -16px #2626260a,0 24px 24px -12px #2626260a,0 12px 12px -6px #2626260a,0 6px 6px -3px #2626260a,0 3px 3px -1.5px #2626260a,0 1px 1px -.5px #2626260a,0 0 0 1px #41414108
}

.menu-first {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: 0 auto;
    align-self: center;
    display: flex
}

.menu-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column wrap;
    flex: 1;
    justify-content: space-between;
    display: flex
}

.menu-last {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: 1;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    display: flex
}

.brand {
    margin-right: 2rem
}

.menu-wrapper {
    flex: 1
}

.menu-wrapper.shadow-tiny {
    box-shadow: none;
    background-color: #0000
}

.dropdown-menu-container,.menu-wrapper,.nav-container {
    justify-content: space-between;
    display: flex
}

.dropdown-menu-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 3fr 1fr;
    grid-auto-columns: 1fr
}

.nav-container {
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.nav-container.container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
}

.menu-button {
    color: var(--colors--darkest)
}

.menu-column {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column wrap;
    flex: 1;
    min-width: 8rem;
    display: flex
}

.navigation {
    background-color: #0000;
    padding: 1.5rem
}

.nav-dropdown-link {
    font-size: .875rem;
    line-height: 1.5rem
}

.dropdown-toggle {
    border-radius: .75rem;
    padding: .5rem 2rem .5rem 1rem;
    transition: background-color .2s,color .2s
}

.dropdown-toggle:hover {
    background-color: var(--colors--black-003);
    color: var(--colors--black);
    box-shadow: inset 0 0 0 1px #00000003
}

.container {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.section {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.section.extended-footer-section {
    background-color: var(--colors--brand-prime);
    margin-top: 10rem
}

.all-caps-style {
    font-family: var(--typography--body);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.text-weight-medium {
    font-weight: 500
}

.shadow-small,.shadow-tiny {
    background-color: var(--colors--white)
}

.shadow-tiny {
    box-shadow: 0 0 0 1px #4141410f,0 1px 1px -.5px #33333314,0 2px 2px -1px #33333314
}

.shadow-small {
    box-shadow: 0 0 0 1px #4141410f,0 1px 1px -.5px #33333308,0 2px 2px -1px #3333330a,0 3px 3px -1.5px #3333330a,0 5px 5px -2.5px #33333308,0 10px 10px -5px #33333308,0 24px 24px -8px #33333308
}

.rounded-1-5rem {
    border-radius: 1.5rem
}

.concave-darker {
    background-color: var(--colors--black-035);
    box-shadow: inset 0 0 0 1px #00000029,inset 0 1px 1px -.5px #00000029,inset 0 2px 2px -1px #00000029,0 .5px .5px #ffffff14,0 1px 2px #ffffff0a
}

.button-bullet {
    border-radius: 6rem;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    transition: background-color .2s;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.button-block-is-icon,.square-button {
    background-color: var(--colors--darkest);
    color: var(--colors--white);
    border-radius: .75rem
}

.button-block-is-icon {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .75rem 1rem .75rem 1.5rem;
    transition: box-shadow .2s,background-color .2s,color .2s;
    display: inline-flex
}

.button-block-is-icon:hover,.square-button:hover {
    background-color: var(--colors--black)
}

.square-button {
    padding: .75rem;
    box-shadow: 0 24px 24px -12px #33333308,0 10px 10px -5px #33333308,0 5px 5px -2.5px #33333308,0 3px 3px -1.5px #3333330a,0 2px 2px -1px #3333330a,0 1px 1px -.5px #33333308,0 0 0 1px #4141410f
}

.square-button.is-small {
    padding: .5rem
}

.square-button.is-secondary {
    background-color: var(--colors--white);
    color: var(--colors--darkest)
}

.square-button.is-secondary:hover {
    color: var(--colors--darker)
}

.button-block-dark,.square-button,.square-button-container {
    display: inline-flex
}

.button-block-dark {
    background-color: var(--colors--black-026);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    padding: .25rem;
    text-decoration: none;
    box-shadow: 0 .5px .5px #ffffff0a,0 1px 2px #ffffff14,inset 0 2px 2px -1px #0000003d,inset 0 1px 1px -.5px #0000003d,inset 0 0#00000029
}

.nav-link {
    border-radius: .75rem;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.nav-link:hover {
    background-color: var(--colors--black-003);
    color: var(--colors--black);
    box-shadow: inset 0 0 0 1px #00000003
}

.body {
    background-color: #fbfbfb
}

.top-banner {
    background-color: var(--colors--brand-prime);
    background-image: url(/img/banner-patroon-achtergrond.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    padding: 0 1.5rem;
    overflow: hidden
}

.banner-container {
    justify-content: space-between;
    align-items: center;
    margin-top: .75rem;
    margin-bottom: .75rem;
    display: flex;
    overflow: hidden
}

.banner-center,.banner-left {
    display: inline-flex
}

.banner-center {
    text-align: center;
    flex: 1;
    justify-content: center
}

.banner-text-size-small {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5rem;
    display: inline-flex
}

._12col-footer-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template: "Area Area Area . Area-2 Area-2 Area-3 Area-3 Area-4 Area-4 Area-4 Area-4"/minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr) minmax(1px,1fr);
    grid-auto-columns: 1fr;
    display: grid
}

.first-footer-column {
    flex-flow: column wrap;
    display: flex
}

.copyright {
    margin-top: 1rem
}

.no-decoration {
    text-decoration: none
}

.footer-list,.last-footer-column {
    flex-flow: column wrap;
    display: flex
}

.footer-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
}

.last-footer-column {
    border-left: 1px solid var(--colors--brand-second);
    justify-content: space-between;
    padding-left: 3rem
}

.footer-box:hover,a.text-color-white:hover {
    color: var(--colors--brand-second-hover)
}

.footer-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
    color: var(--colors--white);
    text-decoration: none
}

.footer-info-wrap {
    flex-flow: column wrap;
    flex: 1;
    justify-content: space-around;
    display: flex
}

.footer-top-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column wrap;
    display: flex
}

.menu-column-wrap,.social-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex
}

.menu-shadow {
    box-shadow: 0 32px 32px -16px #26262614,0 24px 24px -12px #26262614,0 12px 12px -6px #26262614,0 6px 6px -3px #26262614,0 3px 3px -1.5px #26262614,0 1px 1px -.5px #26262614,0 0 0 1px #4141410f
}

.footer-extended {
    padding-top: 20rem;
    padding-bottom: 10rem;
    position: relative
}

.footer-cta-section {
    background-color: var(--colors--brand-second-hover);
    text-align: center;
    background-image: url(/img/peerfect-patroon-achtergrond-l.svg);
    background-position: 50%;
    background-size: auto;
    border-radius: 3rem
}

.footer-cta-section.padding-xxlarge {
    position: absolute;
    inset: 0 0 auto;
    transform: translate(0,-50%)
}

._2-col-grid-7-5rem-gap {
    grid-column-gap: 7.5rem;
    grid-row-gap: 7.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    align-items: start
}

.rounded-1rem {
    border-radius: 1rem
}

.hero-padding-small {
    padding: 3.5rem 1.5rem 5rem
}

.child-horizontal-expand {
    flex: 1
}

.child-horizontal-expand.contact-info-details {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column wrap;
    align-items: flex-start;
    display: flex
}

.contact-2-container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column wrap;
    display: flex
}

.demo-info-bar {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.demo-head-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column wrap;
    flex: 1;
    display: flex
}

.demo-bullets-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column wrap;
    display: flex
}

.display-flex {
    display: flex
}

.animated-arrow {
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0
}

.animated-arrow.opacity-59 {
    opacity: .59
}

.animated-arrow.second-arrow {
    left: -16px
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 3.25rem
    }

    .heading-style-h3 {
        font-size: 2.25rem
    }

    .svg-icon.display-flex {
        display: flex
    }

    .margin-large {
        margin: 2.5rem
    }

    .padding-xxlarge {
        padding: 4.5rem
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .margin-right,.margin-top {
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-top {
        margin-right: 0
    }

    .margin-right {
        margin-top: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .dropdown-menu.peerfect--open {
        background-color: #0000;
        margin-top: 0;
        margin-left: 0;
        padding: 0
    }

    .dropdown-menu.menu-shadow {
        box-shadow: none
    }

    .menu-first {
        flex-flow: column wrap;
        display: flex
    }

    .menu-left {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .menu-last {
        flex-flow: column wrap;
        align-items: stretch
    }

    .menu-wrapper {
        z-index: 5;
        background-color: #fbfbfb;
        padding: 1.5rem
    }

    .menu-wrapper.shadow-tiny {
        background-color: #fbfbfb;
        box-shadow: 0 0 0 1px #4141410f,0 1px 1px -.5px #33333314,0 2px 2px -1px #33333314
    }

    .dropdown-menu-container {
        grid-column-gap: 0;
        grid-row-gap: 0;
        border-top: 1px solid var(--colors--lighter);
        border-bottom: 1px solid var(--colors--lighter);
        flex-flow: column wrap;
        grid-template-columns: 3fr;
        margin-top: .5rem;
        margin-bottom: 0;
        padding: .5rem 0
    }

    .menu-button,.menu-button.peerfect--open {
        background-color: #0000
    }

    .menu-button.peerfect--open {
        color: var(--colors--darkest)
    }

    .navigation {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: .375rem
    }

    .nav-dropdown-link {
        margin-left: 0;
        margin-right: 0;
        display: block
    }

    .dropdown-toggle {
        text-align: center;
        padding-right: 1rem;
        display: block
    }

    .container.footer-extended {
        padding-top: 16rem;
        padding-bottom: 6rem
    }

    .nav-link {
        text-align: center;
        margin-left: 0;
        margin-right: 0
    }

    .banner-left {
        display: none
    }

    ._12col-footer-grid {
        grid-template-rows: auto auto auto;
        grid-template-areas: "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4""Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3""Area Area Area Area Area Area Area Area Area Area Area Area"
    }

    .first-footer-column {
        align-items: center;
        margin-top: 6rem
    }

    .last-footer-column {
        border-left-style: none;
        border-left-width: 0;
        align-items: center;
        margin-bottom: 6rem;
        padding-left: 0
    }

    .menu-column-wrap {
        grid-column-gap: 0;
        grid-row-gap: 0;
        flex-flow: column wrap
    }

    .footer-links-wrap {
        flex-flow: column wrap;
        align-items: center;
        display: flex
    }

    ._2-col-grid-7-5rem-gap {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        text-align: center;
        grid-template-columns: 1fr;
        justify-items: center
    }

    ._2-col-grid-7-5rem-gap.full-width {
        text-align: left;
        justify-items: stretch
    }

    .hero-padding-small {
        padding-top: 3rem;
        padding-bottom: 4rem
    }

    .contact-2-container,.demo-head-left {
        align-items: center
    }

    .demo-head-left {
        text-align: center;
        align-self: center
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 2.5rem
    }

    .heading-style-h3 {
        font-size: 2rem
    }

    .heading-style-h6,.h62h2 {
        font-size: 1.125rem
    }

    .margin-small {
        margin: 1.25rem
    }

    .margin-large {
        margin: 2rem
    }

    .padding-xsmall {
        padding: .75rem
    }

    .padding-xxlarge {
        padding: 3rem
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .margin-right,.margin-top {
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-top {
        margin-right: 0
    }

    .margin-right {
        margin-top: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .brand {
        padding-left: 0
    }

    .navigation {
        margin-left: 0;
        margin-right: auto
    }

    .banner-center {
        margin-left: 3rem
    }

    ._12col-footer-grid {
        grid-column-gap: 0;
        grid-row-gap: 0;
        grid-template-columns: minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr) minmax(1rem,1fr);
        grid-template-areas: "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4""Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3""Area Area Area Area Area Area Area Area Area Area Area Area"
    }

    .hero-padding-small {
        padding-top: 2rem;
        padding-bottom: 3rem
    }
}

@media screen and (max-width:479px) {
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .margin-right,.margin-top {
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-top {
        margin-right: 0
    }

    .margin-right {
        margin-top: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .child-horizontal-expand.contact-info-details {
        text-align: center;
        justify-content: flex-start;
        align-items: center
    }

    .demo-info-bar {
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: center
    }
}

#peerfect-node-ec1b2d04-c294-e076-bfbc-de449714673b-9714672f {
    grid-area: span 1/span 3/span 1/span 3
}

#peerfect-node-ec1b2d04-c294-e076-bfbc-de449714673f-9714672f {
    grid-area: Area-2
}

#peerfect-node-ec1b2d04-c294-e076-bfbc-de449714674d-9714672f {
    grid-area: Area-3
}

#peerfect-node-ec1b2d04-c294-e076-bfbc-de449714675b-9714672f {
    grid-area: Area-4
}

@media screen and (max-width:991px) {
    #peerfect-node-ec1b2d04-c294-e076-bfbc-de449714673b-9714672f {
        grid-area: Area
    }
}

.logo-image {
    width: 225px;
    height: auto
}

@media (max-width:991px) {
    .logo-image {
        width: 75px
    }
}

.brand-prime-cta-shadow {
    background-color: var(--colors--brand-prime);
    box-shadow: inset 0 1px 2px #ffffff52,inset 0 .5px .5px #fff6,0 32px 32px -16px #0000003d,0 24px 24px -12px #0000003d,0 12px 12px -6px #0000003d,0 6px 6px -3px #0000003d,0 3px 3px -1.5px #0000003d,0 1px 1px -.5px #0000003d
}

.button-block-is-icon.brand-prime-cta-shadow:hover {
    background-color: var(--colors--brand-prime-hover);
    box-shadow: inset 0 1px 2px #ffffff52,inset 0 .5px .5px #fff6,0 32px 32px -16px #00000014,0 24px 24px -12px #00000014,0 12px 12px -6px #00000014,0 6px 6px -3px #00000014,0 3px 3px -1.5px #00000014,0 1px 1px -.5px #00000014
}

.afspraak-maken,.afspraak-maken:hover {
    color: var(--colors--white)
}

.afspraak-maken:hover {
    background-color: var(--colors--darker)!important
}

.afspraak-maken {
    background-color: var(--colors--darkest)
}

.bold-selected {
    color: var(--colors--brand-prime);
    background-image: url(https://peerfect.be/cdn-cgi/imagedelivery//1AuzwTZ9oC5muDWc9s4cng/06f9b5e8-a25e-4249-e523-7c76930ae900/w=26,h=29,fit=crop,format=webp),url(https://peerfect.be/cdn-cgi/imagedelivery//1AuzwTZ9oC5muDWc9s4cng/06f9b5e8-a25e-4249-e523-7c76930ae900/w=26,h=29,fit=crop,format=webp),url(https://peerfect.be/cdn-cgi/imagedelivery//1AuzwTZ9oC5muDWc9s4cng/06f9b5e8-a25e-4249-e523-7c76930ae900/w=26,h=29,fit=crop,format=webp),url(https://peerfect.be/cdn-cgi/imagedelivery//1AuzwTZ9oC5muDWc9s4cng/06f9b5e8-a25e-4249-e523-7c76930ae900/w=26,h=29,fit=crop,format=webp);
    background-position: 0 0,0 100%,100%0,100% 100%;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 13px,13px,13px,13px;
    padding: 6px 6px 7px;
    font-weight: 300;
    display: inline-flex;
    position: relative
}

.italic-selected {
    box-shadow: inset 0 0 0 1px var(--colors--brand-prime);
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    font-style: normal
}

.info-box.rounded-1rem {
    background-color: var(--colors--darkest)
}