:root{
    --font-primary:"DM Sans",sans-serif;
    --font-secondary:"DM Mono",monospace;
    --primary:#000619;
    --paars-primary:#5435e9;
    --paars-secondary:rgba(83, 53, 233, 0.6);
    --paars-tertiary:rgba(83, 53, 233, 0.38);
    --groen-primary:rgb(0, 204, 153);
    --groen-secondary:rgba(0, 204, 153, 0.6);
    --groen-tertiary:rgba(0, 204, 153, 0.38);
    --rood-primary:rgb(228, 54, 93);
    --rood-secondary:rgba(228, 54, 93, 0.6);
    --rood-tertiary:rgba(228, 54, 93, 0.38);
    --text-tertiary:rgba(255, 255, 255, 0.38);
    --text-secondary:rgba(255, 255, 255, 0.60);
    --text-primary:rgba(255, 255, 255, 0.87);
    --border:rgba(255, 255, 255, 0.12)
}
body{
    font-family:var(--font-primary);
    line-height:1.5;
    background-color:var(--primary);
    background-size:cover;
    background-attachment:fixed
}
h1{
    font-size:3rem;
    line-height:1.2;
    margin:0;
    font-family:var(--font-primary);
    font-weight:500;
    color:var(--text-primary)
}
h2{
    font-size:2.125rem;
    line-height:1.375;
    margin:0;
    font-family:var(--font-primary);
    font-weight:500;
    color:var(--text-primary);
    letter-spacing:.016rem
}
h3{
    font-size:1.5rem;
    line-height:1.666;
    margin:0;
    font-family:var(--font-primary);
    font-weight:inherit;
    color:var(--text-primary);
    letter-spacing:.016rem
}
h4{
    font-size:1.25rem;
    line-height:1.375;
    margin:0;
    font-family:var(--font-primary);
    font-weight:500;
    color:var(--text-primary);
    letter-spacing:.009rem
}
h5{
    font-size:.875rem;
    line-height:1.65;
    letter-spacing:.15rem;
    margin:0;
    font-weight:500;
    font-family:var(--font-primary);
    color:var(--text-primary);
    text-transform:uppercase
}
h6{
    font-size:.75rem;
    line-height:1.65;
    letter-spacing:.15rem;
    margin:0;
    font-weight:500;
    font-family:var(--font-primary);
    color:var(--text-primary);
    text-transform:uppercase
}
p{
    font-size:1rem;
    line-height:1.65;
    margin:0;
    font-family:var(--font-primary);
    font-weight:inherit;
    color:var(--text-primary);
    letter-spacing:.031rem
}
a{
    color:var(--text-primary)
}
main a{
    background-image:linear-gradient(to right,var(--text-tertiary),var(--border)),linear-gradient(to right,var(--text-primary),var(--text-secondary),var(--text-tertiary))
}
.sub-menu-item a:focus,.sub-menu-item a:hover,footer a:focus,footer a:hover,main a:focus,main a:hover{
    background-size:0 2px,100% 2px!important;
    color:var(--text-primary)
}
.elementor-widget-hnk-button a.elementor-button-link{
    background:unset!important
}
.elementor-button-content-high a,.elementor-button-content-medium a,.elementor-button-studio-high a,.elementor-button-studio-medium a{
    background:unset!important
}
.elementor-widget-image a{
    background:unset!important
}
.elementor-widget-social-icons a{
    background:unset!important
}
.max-width-96{
    max-width:96%
}
.max-width-500{
    max-width:500px
}
@media (max-width:1366px){
    .max-width-96{
        max-width:unset
    }
}
.max-width-900 .elementor-widget-wrap.elementor-element-populated{
    max-width:900px
}
.max-width-900{
    justify-content:center
}
@media (max-width:360px){
    html{
        font-size:14px!important
    }
}
@media (max-width:413px) and (min-width:361px){
    html{
        font-size:15px!important
    }
}
@media (max-width:540px) and (min-width:414px){
    html{
        font-size:16px!important
    }
}
@media (max-width:1365px) and (min-width:541px){
    html{
        font-size:14px!important
    }
}
@media (max-width:1440px) and (min-width:1366px){
    html{
        font-size:15px!important
    }
}
@media (max-width:1920px) and (min-width:1441px){
    html{
        font-size:17px!important
    }
}
@media (min-width:1921px){
    html{
        font-size:18px!important
    }
}
body[data-theme=paars] .theme-color{
    color:var(--paars-primary)
}
body[data-theme=groen] .theme-color{
    color:var(--groen-primary)
}
body[data-theme=rood] .theme-color{
    color:var(--rood-primary)
}
body[data-theme=paars] .theme-fill-color{
    fill:var(--paars-primary)
}
body[data-theme=groen] .theme-fill-color{
    fill:var(--groen-primary)
}
body[data-theme=rood] .theme-fill-color{
    fill:var(--rood-primary)
}
body[data-theme=paars] .theme-background-color{
    background-color:var(--paars-primary)
}
body[data-theme=groen] .theme-background-color{
    background-color:var(--groen-primary)
}
body[data-theme=rood] .theme-background-color{
    background-color:var(--rood-primary)
}
body[data-theme=paars] .theme-background-gradient{
    background:#663eef;
    background-image:-moz-linear-gradient(97deg,rgba(102,62,239,1) 0,rgba(143,82,252,1) 20%,rgba(119,1,211,1) 50%,rgba(84,53,233,1) 100%);
    background-image:-webkit-linear-gradient(97deg,rgba(102,62,239,1) 0,rgba(143,82,252,1) 20%,rgba(119,1,211,1) 50%,rgba(84,53,233,1) 100%);
    background-image:linear-gradient(97deg,rgba(102,62,239,1) 0,rgba(143,82,252,1) 20%,rgba(119,1,211,1) 50%,rgba(84,53,233,1) 100%)
}
body[data-theme=groen] .theme-background-gradient{
    background:green
}
body[data-theme=rood] .theme-background-gradient{
    background:red
}
.sub-menu-item a,body footer a,body main a{
    background-size:100% 2px,0 2px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .3s
}
body[data-theme=paars] .sub-menu-item a,body[data-theme=paars] footer a,body[data-theme=paars] main a{
    background-image:linear-gradient(to right,var(--text-tertiary),var(--border)),linear-gradient(to right,var(--paars-primary),var(--paars-secondary),var(--paars-tertiary))
}
body[data-theme=groen] .sub-menu-item a,body[data-theme=groen] footer a,body[data-theme=groen] main a{
    background-image:linear-gradient(to right,var(--text-tertiary),var(--border)),linear-gradient(to right,var(--groen-primary),var(--groen-secondary),var(--groen-tertiary))
}
body[data-theme=rood] .sub-menu-item a,body[data-theme=rood] footer a,body[data-theme=rood] main a{
    background-image:linear-gradient(to right,var(--text-tertiary),var(--border)),linear-gradient(to right,var(--rood-primary),var(--rood-secondary),var(--rood-tertiary))
}
body[data-theme=paars] .nav-page-title .nav-contact,body[data-theme=paars] .nav-page-title h3{
    border-top-color:var(--paars-primary)
}
body[data-theme=groen] .nav-page-title .nav-contact,body[data-theme=groen] .nav-page-title h3{
    border-top-color:var(--groen-primary)
}
body[data-theme=rood] .nav-page-title .nav-contact,body[data-theme=rood] .nav-page-title h3{
    border-top-color:var(--rood-primary)
}
.transition,section li::before{
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s
}
section ul{
    list-style:none;
    color:var(--text-primary);
    line-height:inherit;
    font-size:1rem;
    padding:0
}
section li{
    display:flex;
    margin-bottom:.5rem
}
section li::before{
    content:">";
    font-weight:500;
    margin-right:1rem;
    color:var(--text-primary)
}
@keyframes glow{
    0%{
        filter:brightness(1)
    }
    50%{
        filter:brightness(1.16)
    }
    100%{
        filter:brightness(1)
    }
}
header{
    padding:0;
    display:flex;
    flex-direction:column;
    position:-webkit-sticky;
    position:sticky;
    border-right:rgb(255 255 255 / 12%) solid 1px;
    z-index:1000;
    top:0;
    width:100%;
    height:100vh
}
body[data-mega-menu-open=false] a svg.desktop{
    pointer-events:none
}
@media (max-width:1024px){
    header{
        overflow:scroll
    }
}
@media (min-width:1025px){
    header{
        width:6rem;
        left:0;
        overflow:hidden
    }
}
@media (min-width:1366px){
    header{
        width:8rem
    }
}
@media (min-width:1920px){
    header{
        width:12rem
    }
}
.nav-side-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%;
    line-height:1;
    margin-left:auto;
    margin-right:auto;
    flex-direction:column;
    position:relative
}
@media (min-width:1025px){
    .nav-side-bar{
        padding-top:2rem;
        padding-bottom:2rem;
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
@media (min-width:1366px){
    .nav-side-bar{
        padding-top:3rem;
        padding-bottom:3rem;
        padding-left:2.5rem;
        padding-right:2.5rem
    }
}
@media (min-width:1920px){
    .nav-side-bar{
        padding-top:4rem;
        padding-bottom:4rem;
        padding-left:0;
        padding-right:0
    }
}
.logo{
    text-align:center
}
button,input{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0;
    padding:0;
    line-height:inherit;
    color:inherit
}
[type=button],button{
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button
}
button,input{
    overflow:visible
}
button{
    background-color:transparent;
    background-image:none;
    cursor:pointer
}
button.side-nav-menu-btn{
    color:var(--text-primary);
    background-color:transparent;
    border:none;
    padding:.5rem
}
button.side-nav-menu-btn:focus,button.side-nav-menu-btn:hover{
    background-color:transparent
}
.side-nav-menu-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-primary);
    width:4rem;
    height:4rem;
    z-index:40
}
.side-nav-menu-btn-svg{
    width:3rem;
    z-index:50;
    margin-right:1px
}
@media (min-width:1025px){
    header .logo .mobile{
        display:none
    }
    header .logo{
        transition:.3s
    }
    body[data-mega-menu-open=true] header .logo .logo_rest{
        display:block;
        opacity:1
    }
    header .logo .logo_rest{
        position:absolute;
        transition:.3s
    }
    body[data-mega-menu-open=false] header .logo .logo_rest{
        opacity:0
    }
    header .logo{
        text-align:center
    }
    body[data-mega-menu-open=true] header .logo{
        transform:scale(.54) translateX(-43%) translateY(-43%)
    }
    header .logo{
        transform:translateX(7%)
    }
    body[data-mega-menu-open=true] header{
        border-right:rgb(255 255 255 / 0%) solid 1px
    }
}
@media (max-width:1024px){
    header .logo .desktop{
        display:none
    }
}
@media (max-width:480px){
    h1.entry-title{
        font-size:3.375rem;
        margin-bottom:1.25rem
    }
}
@media (min-width:1025px){
    h1.entry-title{
        font-size:4.375rem
    }
}
@media (min-width:1366px){
    body[data-mega-menu-open=true] header .logo{
        transform:scale(.54) translateX(-43%) translateY(-43%)
    }
}
@media (min-width:1440px){
    body[data-mega-menu-open=true] header .logo{
        transform:scale(.66) translateX(-25%) translateY(-25%)
    }
}
canvas,embed,iframe,img,object,svg,video{
    display:block
}
.nav-page-title{
    display:flex;
    order:3;
    white-space:nowrap;
    height:4rem;
    width:42px
}
.nav-contact{
    color:var(--text-primary)
}
.nav-side-bar a{
    height:4rem;
    width:4rem
}
.logo svg.desktop{
    height:11rem;
    width:16.5rem
}
.logo{
    z-index:1000
}
@media only screen and (min-width:1025px){
    .nav-contact,.nav-page-title h3{
        transform:rotate(-180deg);
        border-top:solid 2px var(--text-tertiary);
        padding-left:0;
        padding-top:1.25rem;
        height:3rem
    }
    .nav-page-title h3.transition{
        writing-mode:vertical-lr;
        overflow:hidden;
        text-overflow:ellipsis;
        max-height:33vh;
        height:50vh;
        position:relative;
        transform:translate3d(0,calc(-100% + 4rem),0) rotate(-180deg)
    }
}
@media only screen and (max-width:1024px){
    .nav-contact,.nav-page-title h3{
        border-left:solid 2px var(--text-tertiary);
        padding-left:1rem;
        padding-top:.25rem
    }
    header{
        border:none;
        max-width:unset
    }
    .nav-side-bar{
        flex-direction:row;
        max-width:unset;
        padding:.5rem .5rem .5rem .875rem
    }
    .logo svg{
        height:40px;
        width:40px;
        order:1;
        margin-right:0
    }
    .nav-page-title{
        order:2;
        width:100%;
        overflow:hidden;
        white-space:nowrap;
        padding-right:1rem;
        align-items:center
    }
    .nav-page-title h3{
        transform:unset;
        font-size:1rem;
        height:40px;
        line-height:2.4;
        border-left-color:var(--border)!important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        width:100%
    }
    .nav-side-bar nav{
        order:3
    }
    .side-nav-menu-btn-svg{
        width:32px;
        height:32px
    }
}
#menu-top-nav a{
    font-size:1rem;
    line-height:1.65;
    margin:0;
    font-family:var(--font-primary);
    font-weight:400;
    letter-spacing:.05rem;
    color:var(--text-secondary);
    -webkit-transition:250ms ease-in-out;
    -moz-transition:250ms ease-in-out;
    -o-transition:250ms ease-in-out;
    transition:250ms ease-in-out
}
#menu-top-nav a:active,#menu-top-nav a:hover{
    color:var(--text-primary)
}
nav.site-navigation{
    display:none;
    -webkit-box-pack:start;
    -moz-box-pack:start;
    -ms-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding-left:calc(4% + .25rem);
    padding-top:3%;
    position:fixed;
    z-index:1
}
nav.site-navigation.hidden{
    pointer-events:none
}
.site-navigation ul.menu li a{
    padding:.5rem .125rem .5rem .125rem
}
.site-navigation ul.menu li{
    margin-right:5rem
}
.site-navigation li.content a:after{
    display:block;
    content:'';
    border-bottom:solid 1px var(--paars-primary);
    transform:scaleX(0);
    -webkit-transition:transform 250ms ease-in-out;
    -moz-transition:transform 250ms ease-in-out;
    -o-transition:transform 250ms ease-in-out;
    transition:transform 250ms ease-in-out;
    transform-origin:0 50%
}
.site-navigation li.content a:active:after,.site-navigation li.content a:hover:after{
    transform:scaleX(1)
}
.site-navigation li.studio a:after{
    display:block;
    content:'';
    border-bottom:solid 1px var(--groen-primary);
    transform:scaleX(0);
    -webkit-transition:transform 250ms ease-in-out;
    -moz-transition:transform 250ms ease-in-out;
    -o-transition:transform 250ms ease-in-out;
    transition:transform 250ms ease-in-out;
    transform-origin:0 50%
}
.site-navigation li.studio a:active:after,.site-navigation li.studio a:hover:after{
    transform:scaleX(1)
}
@keyframes FadeIn{
    0%{
        opacity:0;
        transform:translateY(-50px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes FadeOut{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-50px)
    }
}
.site-navigation.hidden ul.menu>li{
    animation:FadeOut .2s ease forwards;
    opacity:1;
    cursor:default
}
.site-navigation ul.menu>li:nth-child(2){
    animation-delay:.1s
}
.site-navigation ul.menu>li:nth-child(3){
    animation-delay:.2s
}
.scroll-wrapper{
    display:block;
    position:fixed;
    z-index:1;
    bottom:calc(-4% + .75rem);
    right:0;
    padding:calc(4% - .75rem)
}
@media only screen and (max-width:1200px){
    .scroll-wrapper{
        bottom:0;
        padding:2%
    }
}
.scroll-wrapper-inner{
    width:1.5rem;
    height:80px
}
.scroll-down{
    display:block;
    position:relative;
    text-align:center;
    opacity:.6
}
.scroll-title{
    display:block;
    text-transform:uppercase;
    color:var(--text-primary);
    font-family:"DM sans",sans-serif;
    font-size:10px;
    font-weight:500;
    letter-spacing:.4em;
    text-align:center;
    transform:rotate(90deg);
    margin-bottom:56px;
    position:relative
}
.scroll-down::before{
    -webkit-animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;
    -moz-animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;
    -o-animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;
    animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-1px;
    width:1px;
    height:4rem;
    background:var(--text-primary);
    content:' '
}
@-webkit-keyframes elasticus{
    0%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
    50%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    50.1%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    100%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
}
@-moz-keyframes elasticus{
    0%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
    50%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    50.1%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    100%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
}
@-o-keyframes elasticus{
    0%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
    50%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    50.1%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    100%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
}
@keyframes elasticus{
    0%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
    50%{
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    50.1%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
    100%{
        -webkit-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -o-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -moz-transform:scale(1,0);
        -o-transform:scale(1,0);
        transform:scale(1,0)
    }
}
.circle-btn-wrapper{
    position:fixed;
    z-index:2;
    right:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    width:3.5rem;
    height:3.5rem;
    margin:calc(4% - 1.75rem)
}
@media only screen and (max-width:1024px){
    .circle-btn-wrapper{
        display:none
    }
}
@media only screen and (max-width:992px){
    .circle-btn-wrapper{
        margin:calc(6% - 1.75rem)
    }
}
.circle-btn{
    display:block;
    position:absolute;
    padding:0;
    margin:0 auto;
    border-radius:50%;
    height:3.5rem;
    width:3.5rem;
    background-color:var(--text-tertiary);
    -webkit-transition:transform 250ms ease-in-out;
    -moz-transition:transform 250ms ease-in-out;
    -o-transition:transform 250ms ease-in-out;
    transition:transform 250ms ease-in-out;
    transition:.3s;
    border:solid 1px rgb(255 255 255 / 12%);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px)
}
.circle-btn svg{
    height:1.5rem;
    width:1.5rem;
    display:inline-block;
    position:relative;
    margin:1rem
}
.circle-btn:focus,.circle-btn:hover{
    background-color:var(--text-secondary);
    box-shadow:0 0 32px 0 var(--text-secondary)
}
.main-content-container{
    width:100%
}
main.site-main{
    margin:0!important;
    padding:4%
}
.main-content{
    display:flex;
    flex-direction:column
}
.main-page{
    display:flex;
    flex-direction:column
}
@media (min-width:1025px){
    .main-page{
        flex-direction:row
    }
}
.grid-container{
    height:100vh;
    margin:0 0 0 -1px;
    color:var(--text-primary)
}
.footer-headline{
    font-size:3.75rem;
    font-weight:400;
    overflow:hidden;
    max-width:22ch
}
.grid-container{
    display:grid;
    grid-template-columns:2.3fr 6fr 6fr;
    grid-template-rows:1.2fr 1.4fr .4fr;
    gap:0 0;
    grid-template-areas:"header header header" "tagline naw-kantoor naw-studio" "tagline copyright copyright"
}
.grid-container>div{
    border-top:1px solid rgb(255,255,255,.12);
    border-left:1px solid rgb(255,255,255,.12)
}
.header{
    grid-area:header;
    display:flex;
    justify-content:start;
    align-items:center;
    padding:calc(4% + .75rem)
}
.tagline{
    grid-area:tagline;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:2rem
}
.tagline h3{
    font-size:2.5rem;
    white-space:nowrap
}
.tagline-inner-wrapper{
    transform:rotate(-90deg)
}
.naw-kantoor{
    grid-area:naw-kantoor;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:6%
}
.naw-studio{
    grid-area:naw-studio;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:6%
}
.copyright-social{
    grid-area:copyright;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:2% 8% 2% 4%
}
.footer-social-links-list{
    display:flex;
    overflow:hidden
}
.footer-social-links-item{
    display:inline-block;
    overflow:hidden;
    position:relative;
    padding:1rem 2rem
}
.naw-kantoor-inner-wrapper h3,.naw-kantoor-inner-wrapper h5,.naw-studio-inner-wrapper h3,.naw-studio-inner-wrapper h5{
    margin-bottom:1.5rem
}
.naw-kantoor-inner-wrapper,.naw-studio-inner-wrapper{
    margin-bottom:-1.5rem
}
@media screen and (min-width:1920px){
    .tagline h3{
        font-size:3rem
    }
}
@media screen and (max-width:1280px){
    .grid-container{
        grid-template-columns:1fr 1fr;
        grid-template-rows:1.5fr 1.5fr .5fr .5fr;
        grid-template-areas:"header header" "naw-kantoor naw-studio" "tagline tagline" "copyright copyright"
    }
    .tagline{
        justify-content:start;
        padding:2rem 4rem
    }
    .tagline-inner-wrapper{
        transform:unset
    }
    .header{
        padding:2rem 4rem
    }
    .footer-headline{
        font-size:3rem
    }
    .naw-studio{
        justify-content:start;
        padding:2rem 4rem
    }
    .naw-kantoor{
        justify-content:start;
        padding:2rem 4rem
    }
    .copyright-social{
        padding:2rem 4rem
    }
    .footer-social-links-list{
        justify-content:flex-end
    }
    .footer-social-links-item{
        padding:1rem 0 1rem 2rem
    }
}
@media screen and (max-width:576px){
    .grid-container{
        grid-template-columns:1fr;
        grid-template-rows:1fr 1fr 1fr .25fr .5fr;
        grid-template-areas:"header" "naw-kantoor" "naw-studio" "tagline" "copyright"
    }
    .tagline{
        padding:6% 8%
    }
    .tagline h3{
        font-size:2rem
    }
    .header{
        padding:12% 8%
    }
    .footer-headline{
        font-size:2.25rem
    }
    .naw-studio{
        padding:12% 8%
    }
    .naw-kantoor{
        padding:12% 8%
    }
    .copyright-social{
        font-size:.875rem!important;
        padding:6% 8%;
        justify-content:space-between;
        flex-wrap:wrap;
        flex-direction:row
    }
    .copyright-social p{
        font-size:.875rem!important
    }
    .footer-social-links-list{
        order:-1;
        padding:0;
        margin-bottom:1.5rem
    }
    .footer-social-links-item{
        padding:1rem 2rem 1rem 0
    }
}
.btn--line-fill::after,.btn--line-fill::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:2px
}
.btn--line-fill::before{
    background-color:var(--text-tertiary)
}
.btn--line-fill::after{
    width:0%;
    background-color:var(--groen-primary);
    -webkit-transition:width .3s;
    -moz-transition:width .3s;
    -o-transition:width .3s;
    transition:width .3s
}
.btn--line-fill:hover::after{
    width:33%
}
.btn--line-fill:active::after,.btn--line-fill:focus::after{
    width:100%
}
.bg-mask{
    width:inherit;
    height:inherit;
    position:inherit;
    background-size:cover!important;
    background:url(/wp-content/uploads/2021/05/aurora-mask-8bit.png) 0 0 no-repeat;
    transform:scale(-1.01)
}
.main-content-bg,.submenu-bg{
    height:100%;
    width:100%;
    background-size:cover
}
.submenu-bg{
    position:absolute
}
.main-content-bg{
    position:fixed;
    top:0;
    z-index:-1
}
.fake-anchor{
    cursor:pointer
}
@-webkit-keyframes slide{
    100%{
        left:0;
        opacity:1
    }
}
@keyframes slide{
    100%{
        left:0;
        opacity:1
    }
}
header .menu{
    grid-area:menu;
    display:flex;
    flex-direction:column;
    padding:8% 12%;
    border-right:solid 1px var(--border)
}
@media (min-width:1025px){
    header .menu{
        align-items:flex-end;
        justify-content:center;
        background-color:var(--primary)
    }
    header .sub-menu-item{
        margin:1rem 0;
        opacity:0;
        left:-200px;
        position:relative;
        -webkit-animation:slide .3s forwards ease-in-out;
        animation:slide .3s forwards ease-in-out
    }
    header>.menu .menu-item .mm-submenu{
        display:none
    }
}
@media (max-width:1024px){
    header{
        grid-template-areas:"menu menu" "menu menu" "menu menu";
        grid-auto-flow:row;
        grid-template-columns:1fr;
        grid-template-rows:1fr
    }
    header .menu{
        flex-grow:1;
        justify-content:flex-start;
        padding:0
    }
    header .menu-item{
        padding-left:calc(4% + .75rem);
        padding-right:calc(4% + .75rem);
        padding-top:1rem;
        padding-bottom:1rem;
        margin:0
    }
    header .menu-item:not(:first-child){
        border-top:solid 1px var(--border)
    }
    header .sub-menu-item{
        padding-top:.75rem;
        padding-bottom:.75rem;
        padding-left:.75rem
    }
    header .sub-menu-item:first-child{
        margin-top:.75rem
    }
    header .sub-menu-item:last-child{
        margin-bottom:.75rem
    }
    header .menu-item h2,header .sub-menu-item h3{
        color:var(--text-primary)
    }
    header .menu-item h2{
        color:var(--text-primary);
        font-size:1.875rem
    }
    header .sub-menu-item h3{
        color:var(--text-secondary);
        font-size:1.25rem;
        font-weight:400;
        letter-spacing:.031rem
    }
    header>.sub-menu{
        display:none
    }
    header>.menu .menu-item .mm-submenu{
        -webkit-animation:fade-in .3s forwards ease-in-out;
        animation:fade-in .3s forwards ease-in-out
    }
    header .menu-item.active svg{
        transform:rotateZ(0)
    }
    header .menu-item svg{
        transition:.3s;
        opacity:.6;
        transform:rotateZ(-180deg)
    }
    header>.submenu-bg{
        display:block
    }
}
.menu-item{
    margin:1.25rem 0;
    font-weight:500
}
.sub-menu{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:.4fr 2.2fr .4fr;
    gap:0 0;
    grid-auto-flow:row;
    grid-template-areas:"sub-menu-top" "sub-menu-mid" "sub-menu-bottom";
    grid-area:sub-menu;
    align-items:center;
    padding:8% 12%;
    overflow:hidden;
    background:url(/wp-content/uploads/2021/05/aurora-paars.jpg);
    background-size:cover;
    background-position:left;
    overflow:hidden;
    position:relative
}
.sub-menu div:not(.submenu-bg){
    z-index:1
}
.sub-menu-top{
    grid-area:sub-menu-top
}
.sub-menu-bottom{
    grid-area:sub-menu-bottom;
    display:flex;
    flex-direction:row;
    height:100%;
    justify-content:flex-end;
    align-items:flex-end
}
.social-links-item{
    margin-left:8%;
    padding-left:4%;
    font-size:.875rem
}
.social-links-item a{
    color:var(--text-secondary)!important;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.sub-menu-mid{
    grid-area:sub-menu-mid;
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
.menu-item h2,.sub-menu-item h3{
    color:var(--text-tertiary);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.menu-item h2:active,.menu-item h2:focus,.menu-item h2:hover,.menu-item.active h2,.social-links-item a:active,.social-links-item a:focus,.social-links-item a:hover,.sub-menu-item h3:active,.sub-menu-item h3:focus,.sub-menu-item h3:hover,.sub-menu-item.active h3{
    color:var(--text-primary)!important
}
#mega-menu-button .seperator{
    height:1rem;
    display:block
}
.fp-section{
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    border:none!important
}
.elementor-element .elementor-button{
    font-family:"DM Sans",sans-serif;
    padding:1rem 1.5rem;
    border-radius:2px;
    color:rgb(255 255 255)!important;
    border:solid 1px rgb(255 255 255 / 12%);
    text-transform:uppercase;
    text-decoration:none;
    font-size:.875rem;
    letter-spacing:.1rem;
    font-weight:500;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    cursor:pointer;
    transition:.3s
}
.elementor-element.elementor-button-content-high .elementor-button{
    background-color:var(--paars-secondary)!important
}
.elementor-element.elementor-button-content-high .elementor-button:focus,.elementor-element.elementor-button-content-high .elementor-button:hover{
    background-color:var(--paars-primary)!important;
    box-shadow:0 0 24px 0 var(--paars-primary)
}
.elementor-element.elementor-button-content-medium .elementor-button{
    background-color:var(--paars-tertiary)!important
}
.elementor-element.elementor-button-content-medium .elementor-button:focus,.elementor-element.elementor-button-content-medium .elementor-button:hover{
    background-color:var(--paars-secondary)!important;
    box-shadow:0 0 24px 0 var(--paars-secondary)
}
.elementor-element.elementor-button-studio-high .elementor-button{
    background-color:var(--groen-secondary)!important
}
.elementor-element.elementor-button-studio-high .elementor-button:focus,.elementor-element.elementor-button-studio-high .elementor-button:hover{
    background-color:var(--groen-primary);
    box-shadow:0 0 24px 0 var(--groen-primary)!important
}
.elementor-element.elementor-button-studio-medium .elementor-button{
    background-color:var(--groen-tertiary)!important
}
.elementor-element.elementor-button-studio-medium .elementor-button:focus,.elementor-element.elementor-button-studio-medium .elementor-button:hover{
    background-color:var(--groen-secondary)!important;
    box-shadow:0 0 24px 0 var(--groen-secondary)
}
.fp-next,.fp-prev{
    cursor:pointer
}
.fp-prev:hover>svg{
    transform:translateX(-.25rem)
}
.fp-next:hover>svg{
    transform:translateX(.25rem)
}
#fp-nav ul li a.active span{
    background:var(--text-primary)
}
#fp-nav ul li a span{
    border:2px solid var(--text-primary)
}
#fp-nav ul li a:not(.active) span{
    border:2px solid var(--text-primary)
}
input::placeholder{
    font-size:1rem;
    font-family:var(--font-primary);
    color:var(--text-tertiary);
    letter-spacing:.031rem;
    font-weight:400
}
.quote-wrapper{
    display:flex;
    flex-direction:column;
    padding-left:2rem;
    padding-top:2.5rem
}
.quote-content,.quote-studio{
    position:relative;
    font-size:1.25rem;
    line-height:1.666;
    margin:0;
    font-family:var(--font-primary);
    font-weight:inherit;
    color:var(--text-secondary);
    font-style:italic;
    margin-bottom:1.5rem
}
.quote-content:before,.quote-studio:before{
    content:url('');
    display:block;
    position:absolute;
    z-index:-1;
    left:-2rem;
    top:-2rem
}
.quote-content:before{
    content:url(/wp-content/uploads/2021/05/quote-content.svg)
}
.quote-studio:before{
    content:url(/wp-content/uploads/2021/05/quote-studio.svg)
}
#mega-menu .sub-menu .mm-submenu{
    display:none
}
#mega-menu .sub-menu .mm-submenu.active{
    display:block
}
.flex-section .elementor-widget-wrap.elementor-element-populated{
    flex-direction:column
}
@media not all and (min-resolution:.001dpcm){
    @supports (-webkit-appearance:none){
        .flex-section .elementor-widget-wrap.elementor-element-populated{
            flex-direction:row
        }
        .bottom-image-section .elementor-container{
            max-height:160px!important
        }
        .bottom-image-section{
            height:auto!important
        }
    }
}
.flex-section .bottom-image-section{
    flex:1
}
.max-width-600 .elementor-widget-container{
    max-width:600px
}
.max-width-780 .elementor-widget-container{
    max-width:780px
}
@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){
    .benefit-content{
        background:rgb(83 53 233 / 24%);
        -webkit-backdrop-filter:blur(16px);
        backdrop-filter:blur(16px);
        border:solid 1px var(--border);
        border-radius:2px
    }
}
@media (max-width:1024px){
    .column-bg-img .elementor-widget-wrap{
        width:calc(92% - 1.5rem);
        height:172px;
        margin:0 auto
    }
}
main.site-main{
    max-width:100%!important;
    width:100%
}
@-webkit-keyframes slide-bottom{
    0%{
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes slide-bottom{
    0%{
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
article{
    -webkit-animation:slide-bottom .3s cubic-bezier(.25,.46,.45,.94) forwards;
    animation:slide-bottom .3s cubic-bezier(.25,.46,.45,.94) forwards
}
article.hidden{
    display:none;
    max-height:0
}
.page-header{
    padding:.75rem;
    height:60vh;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    flex-direction:column
}
h1.entry-title{
    max-width:16ch;
    line-height:1.2;
    letter-spacing:-.5px;
    margin-bottom:2.25rem
}
@media (max-width:480px){
    h1.entry-title{
        font-size:3.375rem;
        margin-bottom:1.25rem
    }
}
@media (min-width:1025px){
    h1.entry-title{
        font-size:4.375rem
    }
}
@media (min-width:1366px){
    h1.entry-title{
        font-size:4.875rem
    }
}
@media (min-width:1440px){
    h1.entry-title{
        font-size:5.375rem
    }
}
@media (min-width:1920px){
    h1.entry-title{
        font-size:6.375rem
    }
}
div#filters{
    pointer-events:auto;
    position:fixed;
    background:rgb(0 6 25 / .87);
    top:0;
    display:flex;
    left:0;
    right:0;
    bottom:0;
    z-index:102;
    margin:auto auto;
    transition:.3s
}
#filters li::before{
    content:"";
    width:0;
    height:0;
    padding:0;
    margin:0
}
div#filters h2{
    margin-bottom:1.25rem;
    padding:.75rem
}
div#filters.hidden{
    background:#0000001c;
    pointer-events:none
}
div#filters.hidden .container{
    opacity:0!important
}
div#filters .container{
    height:auto;
    width:92%;
    max-width:780px;
    margin:auto auto;
    background:var(--paars-secondary);
    transition:.3s;
    transition-delay:.15s;
    backdrop-filter:blur(16px);
    justify-content:space-between;
    align-items:flex-start;
    box-shadow:0 0 64px 0 var(--paars-secondary);
    border:solid 1px var(--border);
    border-radius:2px
}
.switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:34px
}
.switch input{
    opacity:0;
    width:0;
    height:0
}
#filters ul{
    padding:6% 0 6% 4%;
    font-size:1.5rem;
    width:100%
}
#filters ul a{
    background:unset;
    color:var(--text-secondary);
    transition:.3s;
    width:100%;
    opacity:1;
    transform:translateX(-32px)
}
#filters ul a::before{
    content:url(/wp-content/uploads/2021/06/next-project-arrow.svg);
    opacity:0;
    transition:.3s;
    margin-right:.75rem
}
#filters ul a:hover::before{
    content:url(/wp-content/uploads/2021/06/next-project-arrow.svg);
    opacity:1
}
#filters a:hover{
    transform:translateX(16px);
    color:#fff
}
#filters button{
    margin:1.5rem;
    border:0;
    transition:.3s;
    opacity:.6
}
#filters button:hover{
    background-color:transparent;
    opacity:1
}
#filters button svg{
    height:1.5rem;
    width:1.5rem
}
#filters li{
    display:flex;
    margin:.75rem;
    width:100%
}
#filters li span:not(.slider){
    width:200px
}
@-webkit-keyframes fade-in{
    0%{
        height:auto;
        opacity:0
    }
    100%{
        height:auto;
        opacity:1
    }
}
@keyframes fade-in{
    0%{
        height:auto;
        opacity:0
    }
    100%{
        height:auto;
        opacity:1
    }
}
#mega-menu>.menu .mm-submenu{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease-out 0s,overflow .3s ease-out 0s
}
.menu-item-titel{
    display:flex;
    align-items:center
}
.separator{
    flex-grow:1
}
#mega-menu-button{
    display:inline-block;
    padding:0
}
#mega-menu-button .bar1,#mega-menu-button .bar2{
    display:block;
    height:2px;
    background:var(--text-primary);
    margin:.31rem;
    transition:all .2s ease-in-out
}
body[data-mega-menu-open=true] #mega-menu-button .bar1{
    -ms-transform:translate(-6px,3px) rotate(-45deg) scale(.6,1);
    -webkit-transform:translate(-6px,3px) rotate(-45deg) scale(.6,1);
    transform:translate(-6px,3px) rotate(-45deg) scale(.6,1)
}
body[data-mega-menu-open=true] #mega-menu-button .bar2{
    -ms-transform:translate(-6px,-3px) rotate(45deg) scale(.6,1);
    -webkit-transform:translate(-6px,-3px) rotate(45deg) scale(.6,1);
    transform:translate(-6px,-3px) rotate(45deg) scale(.6,1);
    margin:5px
}
body[data-mega-menu-open=false] #mega-menu-button .seperator{
    height:1px;
    display:block
}
[type=submit]:focus,button:focus{
    outline:0 solid transparent!important
}
@media (max-width:1024px){
    body[data-mega-menu-open=true] #mega-menu-button{
        transform:rotate(90deg)
    }
    #mega-menu-button .bar1,#mega-menu-button .bar2{
        display:block;
        width:32px;
        margin:3px 0 3px 0
    }
    body[data-mega-menu-open=true] #mega-menu-button{
        padding:10px 0 10px 10px
    }
    body[data-mega-menu-open=true] #mega-menu-button .seperator{
        height:.5rem
    }
    body[data-mega-menu-open=false] #mega-menu-button .seperator{
        height:0
    }
    button#mega-menu-button{
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        width:64px;
        height:64px;
        margin:0;
        padding:0
    }
    .nav-side-bar .logo{
        display:flex;
        justify-content:center;
        align-items:center;
        height:64px;
        width:64px
    }
    .nav-side-bar a{
        height:64px;
        width:64px
    }
    .nav-side-bar{
        flex-direction:row;
        max-width:unset;
        padding:0
    }
}
@-moz-document url-prefix(){
    .mcw-fp-section>.elementor-container{
        height:unset!important
    }
}
.headline-xl h1{
    font-size:3rem;
    max-width:12ch
}
@media (min-width:1025px){
    .headline-xl h1{
        font-size:3.875rem;
        max-width:15ch
    }
}
@media (min-width:1366px){
    .headline-xl h1{
        font-size:4.5rem;
        max-width:15ch;
        line-height:1.1
    }
}
@media (min-width:1920px){
    .headline-xl h1{
        font-size:6.375rem;
        max-width:15ch;
        line-height:1.056
    }
}
.home main.site-main{
    padding:0
}
#fp-nav{
    font-size:16px
}
#fp-nav ul li{
    height:auto;
    margin:15px 7px;
    width:auto
}
#fp-nav ul li a{
    width:auto;
    display:table;
    height:auto;
    outline:0
}
#fp-nav ul li a span{
    left:0;
    top:0;
    position:relative;
    display:block;
    background:0 0;
    border:2px solid #5e798b
}
#fp-nav ul li a.active span{
    background:#5e798b
}
#fp-nav ul li a span,#fp-nav ul li a.active span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span{
    margin:0;
    height:12px;
    width:12px
}
#fp-nav ul li:hover a:not(.active) span{
    background:#fff;
    background:rgba(255,255,255,.4)
}
#fp-nav ul li .fp-tooltip{
    top:-6px;
    padding:0 5px
}
#fp-nav.fp-right ul li .fp-tooltip{
    right:25px
}
#fp-nav.fp-left ul li .fp-tooltip{
    left:25px
}
#fp-nav ul li a.active span{
    background:var(--text-primary)
}
#fp-nav ul li a span{
    border:2px solid var(--text-primary)
}
#filters .container{
    display:-webkit-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    justify-content:center
}
.color-1,.color-2{
    height:100%;
    position:absolute;
    transition-timing-function:cubic-bezier(.75,.02,.09,1)
}
.color-1{
    background-color:var(--primary)
}
.color-2{
    background-color:var(--paars-primary)
}
body::-webkit-scrollbar{
    width:4px;
    background:var(--primary)
}
body::-webkit-scrollbar-thumb{
    background-color:var(--text-tertiary);
    transition:all .8s;
    border-radius:50px
}
header{
    position:fixed
}
header .nav-side-bar{
    grid-area:nav-side-bar;
    margin:0
}
[data-mega-menu-open=false] header{
    pointer-events:none
}
header div{
    pointer-events:auto
}
header .nav-side-bar,header>.menu,header>.sub-menu{
    transition:.5s!important
}
header .nav-side-bar{
    z-index:1000
}
header .menu{
    z-index:2
}
header .sub-menu{
    z-index:1
}
@media (min-width:1025px){
    header a[title=Alles]{
        display:none
    }
    header .nav-side-bar{
        background:var(--primary);
        width:100%
    }
    body{
        padding-left:200px!important
    }
    header{
        grid-template-columns:200px 1fr 1fr;
        grid-template-rows:.4fr 2.2fr .4fr;
        gap:0 0;
        grid-auto-flow:row;
        grid-template-areas:"nav-side-bar menu sub-menu" "nav-side-bar menu sub-menu" "nav-side-bar menu sub-menu";
        width:100%;
        position:fixed;
        z-index:101;
        display:grid;
        height:100vh;
        transition:.5s
    }
    .menu-item-titel svg{
        display:none
    }
    header .menu{
        background-color:var(--primary)!important
    }
    body[data-mega-menu-open=false] header .menu{
        transform:translateX(-100%)
    }
    body[data-mega-menu-open=true] header{
        max-width:100%
    }
    body[data-mega-menu-open=false] header .sub-menu{
        transform:translateX(-200%)
    }
    body[data-mega-menu-open=true] header .menu,body[data-mega-menu-open=true] header .sub-menu{
        transform:translateX(0)
    }
}
@media (max-width:1024px){
    body{
        margin-top:64px!important
    }
    a[title=Faciliteiten],a[title=Portfolio]{
        pointer-events:none
    }
    header .nav-side-bar{
        height:64px
    }
    header .nav-side-bar{
        background-color:var(--primary)
    }
    .mobile-bg-mask{
        width:100%;
        height:100%;
        z-index:-1;
        position:absolute;
        background-size:cover!important;
        background:url(/wp-content/uploads/2021/05/aurora-mask-8bit.png) 0 0 no-repeat;
        transform:scale(-1)
    }
    body[data-mega-menu-open=false] header .menu{
        transform:translateY(-100%)
    }
    body[data-mega-menu-open=true] header .menu{
        transform:translateX(0)
    }
    header .sub-menu.theme-background-color{
        display:none
    }
}
main.site-main.type-post{
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0;
    max-width:780px!important
}
body{
    --wp--preset--font-size--small:10px;
    --wp--preset--font-size--medium:1.5rem;
    --wp--preset--font-size--large:1.875rem;
    --wp--preset--font-size--x-large:42px
}
.has-small-font-size{
    text-transform:uppercase;
    letter-spacing:.1rem
}
.has-large-font-size{
    line-height:1.618;
    font-weight:500;
    margin-bottom:4rem
}
.has-medium-font-size{
    line-height:1.618;
    color:var(--text-secondary);
    margin-bottom:4rem
}
.wp-block-quote{
    border-left:solid var(--paars-primary) 4px;
    margin:0;
    padding-left:4%;
    margin-bottom:6rem;
    margin-top:6rem
}
h2.wp-block-heading{
    font-size:var(--wp--preset--font-size--large);
    margin-bottom:64px
}
.wp-block-avatar{
    display:flex;
    justify-content:center;
    margin-bottom:1.5rem;
    border-radius:50%
}
.wp-block-avatar img{
    border-radius:50%
}
a.wp-block-avatar__link{
    background-image:none!important
}
.wp-block-image,.wp-block-post-featured-image{
    margin-bottom:6rem;
    margin-top:6rem
}
.wp-block-post-title{
    font-size:clamp(3rem,1rem + 4vw,96px);
    font-weight:500;
    letter-spacing:-.033em;
    margin-bottom:2rem
}
.type-post .page-content{
    padding:4% 4% 0 4%;
    padding-left:calc(4% + .75rem);
    padding-right:calc(4% + .75rem)
}
.post-author{
    margin-bottom:3.5rem
}
.post-author p{
    margin-top:1rem
}
main.site-main.type-post p{
    margin-bottom:2rem;
    line-height:1.618
}
h2.wp-block-heading{
    margin-bottom:1.618em
}
.wp-block-gallery{
    margin-top:6rem;
    margin-bottom:6rem
}
hr.wp-block-separator{
    margin-top:6rem;
    margin-bottom:6rem;
    border:solid 1px var(--border);
    width:calc(100% - 8%)
}
.alignwide{
    margin-left:-120px;
    margin-right:-120px
}
.post .wp-post-image{
    max-height:unset
}
.sbutton{
    display:flex;
    gap:1rem;
    justify-content:center;
    margin-bottom:9%
}
.sbutton a{
    display:flex;
    justify-content:center;
    align-items:center;
    background-image:none!important;
    height:3.5rem;
    width:3.5rem;
    border:solid 1px var(--border);
    border-radius:50%;
    transition:.3s
}
.sbutton a:hover,.taxonomy-category a:hover{
    background:var(--paars-secondary);
    box-shadow:0 0 32px 0 var(--paars-secondary)
}
.sbutton i{
    font-size:1.25rem
}
.social-share-block{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.wp-block-embed{
    margin-top:6rem;
    margin-bottom:6rem
}
.wp-block-post-date{
    color:var(--text-primary)
}
.wp-block-post-date{
    margin-bottom:2rem!important
}
.taxonomy-category a{
    background-image:none!important;
    padding:.875rem 1rem;
    border:solid 1px var(--border);
    border-radius:2px;
    font-size:.875rem;
    letter-spacing:.0125em;
    transition:.3s;
    background:rgb(255 255 255 / 8%)
}
.taxonomy-category{
    margin-bottom:2rem
}
.post-nav{
    display:flex;
    width:100%;
    justify-content:space-between;
    gap:calc(4% + .75rem);
    padding-left:calc(4% + .75rem);
    padding-right:calc(4% + .75rem);
    margin-bottom:6rem
}
.post-nav h2{
    font-size:1rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:.2s;
    transition-delay:50ms
}
.next-post h2{
    direction:rtl;
    text-align:right
}
.next-post:hover h2,.prev-post:hover h2{
    color:#fff
}
.prev-post:hover h2{
    transform:translateX(.5rem)
}
.next-post:hover h2{
    transform:translateX(-.5rem)
}
.post-nav i{
    color:var(--paars-primary);
    font-size:1.5rem;
    transition:.2s;
    transition-delay:50ms
}
a.post-nav-link{
    height:100%;
    width:100%;
    position:absolute
}
.next-post,.prev-post{
    display:flex;
    align-items:center;
    gap:1rem;
    position:relative;
    flex-basis:50%;
    max-width:50%
}
.next-post:hover i{
    transform:translateX(.5rem)
}
.prev-post:hover i{
    transform:translateX(-.5rem)
}
.next-post{
    flex-direction:row-reverse;
    text-align:right
}
.post-nav img{
    height:72px;
    width:72px;
    object-fit:cover;
    border-radius:50%;
    transition:.3s
}
.next-post:hover img,.prev-post:hover img{
    transform:scale(1.1)
}
a.back-to-archive-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    padding:.875rem 1rem;
    border-radius:2px;
    font-size:.875rem;
    letter-spacing:.0125em;
    gap:.5rem;
    margin:calc(3% + .75rem - 1rem);
    transition:.2s
}
a.back-to-archive-button p{
    margin-bottom:0!important;
    font-size:.875rem;
    transition:.2s
}
.back-to-archive-button i{
    transition:.2s
}
.back-to-archive-button:hover i{
    transform:translateX(-.25rem)
}
.back-to-archive-button:hover p{
    transform:translateX(.25rem)
}
a.back-to-archive-button:hover{
    color:var(--paars-primary)
}
main.site-main:not(.type-post){
    display:grid;
    grid-template-columns:.87fr 1.13fr;
    padding:calc(4% + .75rem);
    gap:calc(4% + .75rem);
    margin-bottom:8em!important;
    min-height:100vh
}
.right-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    margin-top:8em;
    position:relative
}
.left-column{
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
article{
    background:rgba(255,255,255,.08)
}
footer{
    max-width:unset!important
}
.left-column-container{
    position:sticky;
    top:33vh;
    align-self:start
}
.left-column h1{
    font-size:clamp(3.5rem,1rem + 4vw,96px);
    line-height:1;
    max-width:10ch;
    margin-bottom:3rem
}
.post a,.taxonomy-category a{
    background-image:none!important;
    text-decoration:none
}
.post-meta{
    display:flex;
    flex-direction:column;
    padding:1.5rem;
    height:14.5rem;
    justify-content:space-between
}
.post-meta .entry-title{
    font-size:1.875rem;
    margin-bottom:16px;
    flex-basis:fit-content
}
a.category-tag{
    display:inline-flex;
    justify-content:flex-start;
    align-items:center;
    padding:8px 12px;
    font-size:.875rem;
    border:1px solid var(--border);
    letter-spacing:.02em;
    border-radius:8px;
    width:fit-content;
    transition:.3s;
    z-index:1
}
.post-date{
    display:inline-flex;
    justify-content:flex-end;
    align-items:center;
    font-size:.875rem;
    width:fit-content
}
.post-meta-bottom{
    display:flex;
    justify-content:space-between
}
.post-thumb img{
    border-radius:12px
}
article.post{
    border-radius:12px;
    height:fit-content;
    transition:.3s
}
article.post:hover{
    background:var(--paars-tertiary);
    box-shadow:0 0 64px 0 var(--paars-tertiary)
}
article.post:nth-child(2n){
    margin-top:25%;
    margin-bottom:-25%
}
.wp-post-image{
    width:100%;
    height:20em;
    object-fit:cover;
    margin-top:-2em;
    position:relative
}
.post-thumb{
    height:14em;
    position:relative;
    overflow:hidden;
    border-radius:12px
}
.category-filters{
    display:flex;
    flex-wrap:wrap;
    gap:1rem
}
.category-filters li{
    list-style-type:none;
    border-radius:2px
}
.category-filters li a{
    background-image:none!important;
    border:1px solid var(--border);
    padding:1rem;
    font-size:.875rem;
    height:100%;
    display:flex;
    transition:.3s
}
.category-filters li a.active,.category-filters li a:hover,a.category-tag:hover{
    background-color:var(--paars-secondary);
    color:#fff;
    box-shadow:0 0 32px 0 var(--paars-secondary)
}
a.post-link{
    position:absolute;
    height:100%;
    width:100%
}
.copyright-social{
    max-width:100vw
}
footer#footer{
    padding:0;
    margin-left:-1px;
    width:calc(100% + 1px)
}
header#mega-menu::-webkit-scrollbar{
    display:none
}
header#mega-menu{
    -ms-overflow-style:none;
    scrollbar-width:none
}
@media (max-width:1365px){
    main.site-main:not(.type-post){
        grid-template-columns:1fr;
        padding-top:8%
    }
    .left-column h1{
        max-width:unset
    }
    .right-column{
        margin-top:unset
    }
}
@media (max-width:768px){
    main.site-main:not(.type-post){
        gap:4rem;
        padding-top:20%
    }
    .right-column{
        grid-template-columns:1fr;
        margin-top:unset
    }
    article.post:nth-child(2n){
        margin-top:unset;
        margin-bottom:unset
    }
    .post-nav img{
        height:40px;
        width:40px
    }
}
@media (max-width:1024px){
    .type-post .page-content{
        overflow:hidden
    }
}

span.tag-links, span.tags-title, figcaption {
    color: var(--text-primary);
}