:root{--body-background: #f0f5f8;--body-background-rgb: 240, 245, 248;--primary: #24c2ee;--primary-rgb: 36, 194, 238;--secondary: #1d3845;--secondary-rgb: 29, 56, 69;--white: #eee;--white-rgb: 238, 238, 238;--orange: #e7a53b;--orange-rgb: 231, 165, 59;--font-family: 'albert-sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--body-background);color:var(--body-color);font-family:var(--font-family);font-size:16px;line-height:1.5rem;margin:0}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0}h1{font-size:2rem;line-height:2.5rem;margin-bottom:2rem}@media screen and (min-width: 50rem){h1{font-size:3rem;line-height:3.5rem}}h2{font-size:1.875rem;line-height:2.375rem;margin-bottom:1.875rem}@media screen and (min-width: 50rem){h2{font-size:2.5rem;line-height:3rem}}h3{font-size:1.75rem;line-height:2.25rem;margin-bottom:1.75rem}@media screen and (min-width: 50rem){h3{font-size:2rem;line-height:2.5rem}}h4{font-size:1.625rem;line-height:2.125rem;margin-bottom:1.625rem}@media screen and (min-width: 50rem){h4{font-size:1.75rem;line-height:2.25rem}}h5{font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}@media screen and (min-width: 50rem){h5{font-size:1.5rem;line-height:2rem}}h6{font-size:1.25rem;line-height:1.75rem;margin-bottom:1.25rem}@media screen and (min-width: 50rem){h6{font-size:1.25rem;line-height:1.75rem}}a{color:var(--color-blue)}hr{border:0;border-bottom:1px solid rgba(var(--body-color-rgb), 0.25);margin:0 0 1rem}p{margin:0 0 1rem}button{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}label[for]{cursor:pointer}@font-face{font-family:albert-sans;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-Thin.2c4c00855541843b918c.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:100;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-ThinItalic.d85684dcce012dc7b7d1.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-ExtraLight.15ca7f69e85d9957788e.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:200;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-ExtraLightItalic.8b0e02743cc17214fb28.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-Light.816a87cf64d85a1fe20c.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-LightItalic.f96380b8e4deab0e07f8.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:500;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-Italic.e0817cf98034eb3971bc.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-Regular.3e99c5097884657fc6da.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-Medium.069aed8c5617972ba74a.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-MediumItalic.d15173d2964ec0e8d098.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-SemiBold.bedb5c194cea959a0b1a.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-SemiBoldItalic.bab773eb42caa8123863.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-Bold.7496dcd67a69f5c425a2.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-BoldItalic.6f264c3ecc3e17248638.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-ExtraBold.8581ac2133746b17ae18.woff2) format("woff2")}@font-face{font-family:albert-sans;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/privacyfirstwebsolutions.nl/fonts/AlbertSans-ExtraBoldItalic.0c97c87d50baca775798.woff2) format("woff2")}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports(font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}.navigation{background-color:rgba(var(--body-background-rgb), 0.85);backdrop-filter:blur(0.25rem);position:sticky;top:0;z-index:2}.navigation__container{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:72rem;padding:1rem 0;width:calc(100% - 2rem)}@media screen and (min-width: 50rem){.navigation__container{gap:2rem;width:calc(100% - 4rem)}}.navigation__dropdown{background-color:rgba(var(--body-background-rgb), 0.85);backdrop-filter:blur(0.25rem);display:none;flex-direction:column;left:0;padding-bottom:1rem;position:absolute;top:5rem;width:100%}.navigation__dropdown--active{display:flex}@media screen and (min-width: 50rem){.navigation__dropdown{background-color:rgba(0,0,0,0);backdrop-filter:none;display:flex;flex-direction:row;gap:2rem;padding:0;position:static;width:auto}}.navigation__link{text-decoration:none}.navigation__dropdown .navigation__link{padding:1rem 2rem}@media screen and (min-width: 50rem){.navigation__dropdown .navigation__link{padding:0}}.navigation__link--brand{align-items:end;display:flex;margin-right:auto}.navigation__link--brand .logo{height:3rem}.navigation__link--brand span{line-height:100%;margin-left:.25rem}.navigation__link--contact{background-color:var(--primary);border-radius:2rem;color:var(--white);font-weight:600;padding:.5rem 1rem}.navigation__link--dropdown-toggle{background-color:rgba(0,0,0,0);border:0}@media screen and (min-width: 50rem){.navigation__link--dropdown-toggle{display:none}}.footer{background-color:rgba(var(--secondary-rgb), 0.7);color:var(--white)}.footer__container{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:72rem;width:calc(100% - 4rem);padding:4rem 0}@media screen and (min-width: 50rem){.footer__container{flex-direction:row;gap:1rem}}.footer__column--dot{position:relative}@media screen and (min-width: 50rem){.footer__column:nth-child(1){flex-basis:10%;order:3}.footer__column:nth-child(2){flex-basis:25%;order:1}.footer__column:nth-child(3){flex-basis:20%;order:2}.footer__column:nth-child(4){flex-basis:25%;order:4;text-align:right}.footer__column:nth-child(5){flex-basis:20%;order:5;text-align:right}}.footer__link{color:var(--white);display:block;margin-bottom:.25rem;text-decoration:none}.footer__link--linkedin{background-color:var(--secondary);border-radius:.5rem;display:inline-block;font-size:1.25rem;margin-top:.25rem;padding:.25rem}.footer-dot{background-color:var(--secondary);border-radius:50%;height:3.5rem;margin:0 auto;width:3.5rem}.footer-line{height:4rem;left:calc(50% - 1px);position:absolute}.footer-line--primary{border-left:2px solid var(--primary);top:-8rem}.footer-line--secondary{border-left:2px solid var(--secondary);top:-4rem}main{min-height:calc(100vh - 25rem)}img.logo{height:3.125rem}.homepage__hero{padding:4rem 2rem 10rem}@media screen and (min-width: 50rem){.homepage__hero{margin:0 auto;max-width:72rem;padding:8rem 8rem 12rem}}.homepage__work{background-color:var(--secondary);color:var(--white)}.homepage__work-container{margin:0 auto;max-width:72rem;padding:8rem 2rem;text-align:center}.homepage__work-dot-container{position:relative}.homepage__work-dot{background-color:var(--secondary);border-radius:50%;height:3.5rem;left:calc(50% - 1.75rem);position:absolute;top:-7.5rem;width:3.5rem}.homepage__work-line{height:4rem;left:calc(50% - 1px);position:absolute}.homepage__work-line--primary{border-left:2px solid var(--primary);top:0}.homepage__work-line--secondary{border-left:2px solid var(--secondary);top:-4rem}.homepage__work-title{margin:0 auto 4rem;max-width:48rem}.homepage__work-description{margin:0 auto 3rem;max-width:48rem}.homepage__work-container a{background-color:var(--orange);color:var(--secondary);border-radius:2rem;display:inline-block;font-weight:600;margin-bottom:3rem;padding:.5rem 1rem;text-decoration:none}.homepage__work-container ul{display:flex;flex-direction:column;gap:3rem;margin:0;padding:0;text-align:left}@media screen and (min-width: 72rem){.homepage__work-container ul{flex-direction:row;gap:2rem;margin:0 -2rem;position:relative;text-align:center}.homepage__work-container ul:after{border-top:2px solid var(--primary);content:"";display:block;left:50%;position:absolute;top:calc(1.5rem - 1px);transform:translateX(-50%);width:100vw}}.homepage__work-container ul li{display:block;padding-left:4rem;position:relative}@media screen and (min-width: 72rem){.homepage__work-container ul li{flex-basis:20%;padding-left:0;padding-top:4rem}}.homepage__work-container ul li:before{background-color:var(--primary);border-radius:50%;content:"";display:block;height:3rem;left:0;position:absolute;top:50%;transform:translateY(-1.5rem);width:3rem}@media screen and (min-width: 72rem){.homepage__work-container ul li:before{background-color:var(--primary);border-radius:50%;content:"";display:block;height:3rem;left:50%;position:absolute;top:0;transform:translateX(-1.5rem);width:3rem}}.homepage__work-container ul li:after{border-top:2px solid var(--primary);content:"";display:block;position:absolute;right:100%;top:50%;width:100vw}@media screen and (min-width: 72rem){.homepage__work-container ul li:after{display:none}}.homepage__cases{padding-bottom:4rem}.homepage__cases-title{margin:4rem 0;text-align:center}.homepage__case{margin:0 auto 4rem;max-width:36rem;overflow:hidden;position:relative}@media screen and (min-width: 50rem){.homepage__case{max-width:48rem}}@media screen and (min-width: 72rem){.homepage__case{max-width:64rem}}.homepage__case h3{font-size:1rem;margin:0 0 0 1rem}.homepage__case-screenshot{background-image:url(/assets/privacyfirstwebsolutions.nl/images/computer.7faf848f755f25f579fc.png);background-size:100% 100%;margin-left:1rem;padding:.9rem .9rem 7.5rem .9rem;position:absolute;width:32rem;z-index:0}@media screen and (min-width: 50rem){.homepage__case-screenshot{margin-left:0}}.homepage__case-content{background-color:var(--secondary);border-radius:1rem;color:var(--white);margin:10rem 0 0 6rem;padding:2rem 1rem;position:relative;z-index:1}@media screen and (max-width: 36rem){.homepage__case-content{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width: 50rem){.homepage__case-content{margin:-2.5rem 0 0 20rem;padding:2rem}}@media screen and (min-width: 72rem){.homepage__case-content{margin-left:30rem;padding:2rem}}.homepage__case p:not(.homepage__case-footer){margin-bottom:2rem}.homepage__case-footer{margin-bottom:0}.homepage__case-footer{font-style:italic;font-weight:600}.homepage__case-cta{text-align:center;margin-bottom:4rem}.homepage__case-cta a{background-color:var(--orange);color:var(--secondary);border-radius:2rem;display:inline-block;font-weight:600;padding:.5rem 1rem;text-decoration:none}.contact__body{margin:4rem auto;max-width:72rem}.contact__body h1{margin-bottom:4rem}.contact__body{padding:0 2rem}.contact__form{background:var(--secondary);color:var(--white)}.contact__form-container{margin:0 auto;max-width:32rem;padding:4rem 2rem 8rem}.contact__field{margin-bottom:1rem}.contact__field:last-of-type{left:-9999rem;position:absolute}.contact__label{display:block;padding:.25rem}.contact__input{background-color:var(--white);border:0;border-radius:.5rem;color:var(--secondary);padding:.5rem 1rem;width:100%}.contact__input:focus{box-shadow:0 0 0 .25rem rgba(var(--primary-rgb), 0.5);outline:none}textarea.contact__input{field-sizing:content;min-height:6rem;resize:vertical}.contact__feedback{color:var(--orange)}.contact__button{background-color:var(--primary);border-radius:1rem;border:0;color:var(--secondary);padding:.5rem 1rem}.contact__button:active,.contact__button:focus{box-shadow:0 0 0 .25rem rgba(var(--primary-rgb), 0.5);outline:none}.page h1{margin:4rem auto;max-width:72rem;width:calc(100% - 4rem)}.page__section{padding:4rem 0}@media screen and (min-width: 72rem){.page__section{padding:8rem 0}}.page__section:last-of-type{padding-bottom:8rem}.page__section--dark{background-color:var(--secondary);color:var(--white)}.page__content{margin-right:auto;margin-left:auto;max-width:72rem;width:calc(100% - 4rem)}@media screen and (min-width: 72rem){.page__content{padding:0}}.page__cta{background-color:var(--orange);color:var(--secondary);border-radius:2rem;display:inline-block;font-weight:600;margin:0 auto;padding:.5rem 1rem;text-decoration:none}

/*# sourceMappingURL=site.9d8daf2d2c33cbcccccf.css.map*/