@layer reset{*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.6;min-block-size:100vh}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}li,p{text-wrap:pretty}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;max-inline-size:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer root{:root{--color-black:#000;--color-gray-900:#212529;--color-gray-800:#343a40;--color-gray-700:#666;--color-gray-300:#e9eaec;--color-gray-200:#f8f9fa;--color-gray-100:#f8f9fa;--color-white:#fff;--color-blue:#0f499a;--color-blue-900:#172d54;--color-blue-800:#003459;--color-blue-700:#0b3c80;--color-blue-400:#06c;--color-blue-300:#00a6fc;--color-blue-200:#ccedff;--color-blue-100:#e9effb;--color-accent:#eeb999;--color-darken:rgba(0,0,0,.1);--color-lighten:hsla(0,0%,100%,.2);--font-primary:"Roboto Condensed",Helvetica,Arial,sans-serif;--font-secondary:"Barlow Condensed",Helvetica,Arial,sans-serif;--font-signature:"Mr Dafoe",cursive;--font-size-900:3.125rem;--font-size-800:2.625rem;--font-size-700:2.250rem;--font-size-600:1.875rem;--font-size-500:1.500rem;--font-size-400:1.250rem;--font-size-300:1.125rem;--font-size-200:1.000rem;--font-size-100:0.875rem;@media (width > 1024px){--font-size-900:4.375rem;--font-size-800:3.125rem;--font-size-700:2.625rem;--font-size-600:2.250rem;--font-size-500:1.875rem;--font-size-400:1.625rem;--font-size-300:1.250rem}--border-radius-500:5rem;--border-radius-400:2rem;--border-radius-300:0.75rem;--border-radius-200:0.50rem;--border-radius-100:0.25rem}}@layer base{html{font-family:var(--font-primary);scroll-behavior:smooth}body{background-color:var(--color-white);color:var(--color-gray-900);font-size:var(--font-size-300);font-weight:300}.flow>*+*{margin-top:1em}.button+.hyperlink{margin-left:1em}.text-center{text-align:center}h1,h2,h3,h4{font-family:var(--font-secondary);font-weight:400}}@layer layout{.wrapper{margin-inline:auto;max-width:calc(1168px + 4rem);padding-inline:2rem}.wrapper--full{max-width:100vw}.wrapper--wide{max-width:calc(1260 + 4rem)}.wrapper--narrow{max-width:calc(950px + 4rem)}.section{padding-block:3rem;@media (width > 1024px){padding-block:3rem}}.section--centered{background-color:var(--color-gray-100);border-radius:var(--border-radius-300);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.grid--hero{background-color:var(--color-blue-800);display:grid;place-items:center;text-align:center;.hero-image{max-height:550px;place-self:stretch}.hero-image img{height:100%;object-fit:cover;width:100%}}.grid--equal{display:grid;gap:3rem;grid-auto-columns:1fr;grid-auto-flow:row;@media (width > 1024px){grid-auto-flow:column}}.grid--sidebar{display:grid;gap:2rem;@media (width > 1024px){gap:4rem;grid-template-columns:minmax(auto,60vw) 325px}}.grid--featured{background-color:var(--color-blue);display:grid;place-items:center;text-align:center;@media (width > 1024px){grid-auto-columns:1fr;grid-auto-flow:column}.featured-image{place-self:stretch}.featured-image iframe,.featured-image img{height:100%;object-fit:cover;width:100%}.featured-content{color:var(--color-white);padding:4rem 2rem;@media (width > 1024px){padding-bottom:8rem;padding-left:4rem;padding-right:4rem;padding-top:8rem}}.featured-title{color:var(--color-white);font-size:var(--font-size-800);font-weight:300}p{padding-block:3rem}.signature-guy{color:var(--color-blue-100);font-family:var(--font-signature);font-size:var(--font-size-600);margin-top:0;padding:0}.signature-guy:first-letter{font-size:var(--font-size-800)}}h1{color:var(--color-blue-700);font-size:var(--font-size-800);text-align:center}h2{font-size:var(--font-size-700)}h3{font-size:var(--font-size-600)}h4{color:var(--color-gray-800);font-size:var(--font-size-400);margin-bottom:-10px}p{font-size:var(--font-size-300)}a{outline:none}.hyperlink,p a{background-color:var(--color-blue-100);border-bottom:2px solid var(--color-blue);color:var(--color-black);padding:1px;text-decoration:none}ul{list-style-type:none}.bulletlist{hyphens:manual;padding-left:0;li{list-style-type:disc;margin-left:1rem;padding-left:1rem}li::marker{color:var(--color-blue-700)}li a{background-color:var(--color-blue-100);border-bottom:2px solid var(--color-blue);padding:1px;text-decoration:none}}img,svg{height:auto;max-width:100%}figure{background:var(--color-white);display:grid;place-items:center}figure img{border-radius:var(--border-radius-300);max-width:60%;@media (width > 1024px){max-width:100%}}figcaption{color:var(--color-gray-400);font-size:var(--font-size-100);margin-block:1rem}hr{background:var(--color-accent);border:none;height:5px;margin-block:2.5rem;width:10%}.button{background-color:var(--color-blue);border:1px solid var(--color-white);border-radius:var(--border-radius-200);color:var(--color-white);cursor:pointer;display:inline-flex;font-family:var(--font-secondary);font-size:var(--font-size-300);font-weight:300;letter-spacing:.02rem;padding:1rem;text-decoration:none;transition:all .5s ease}.button:focus-visible,.button:hover{background-color:var(--color-blue-900)}.button:focus{outline:1px dashed var(--color-accent);outline-offset:2px}}@layer components{.header{background:var(--color-white);padding-block:2rem}.header-inner{align-items:center;background:var(--color-white);display:flex;flex-wrap:wrap;gap:2rem 1rem;justify-content:center;@media (width > 900px){justify-content:space-between}}.client-logo{background:var(--color-white);max-width:50vw;width:220px}.primary-navigation{background-color:var(--color-white);ul{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0;padding:0}a{border-bottom:1px solid var(--color-white);font-family:var(--font-secondary);font-weight:300;padding-bottom:2px;text-decoration:none;transition:all .3s ease-in-out}a:hover{border-bottom:1px solid var(--color-blue)}}.button__phone{background-color:var(--color-blue-800);border-radius:var(--border-radius-200);color:var(--color-white);cursor:pointer;display:inline-flex;font-family:var(--font-secondary);font-size:var(--font-size-300);font-weight:300;letter-spacing:1px;margin:0;padding:1rem .85rem;transition:all .5s ease;a,a:hover{border:none}}.button__phone:focus-visible,.button__phone:hover{background-color:var(--color-blue)}.button__phone:focus{outline:1px dashed var(--color-accent);outline-offset:2px}.button__phone a:before{color:var(--color-blue-300);content:"\f095";display:inline-block;font-family:FontAwesome;font-size:var(--font-size-300);font-weight:900;margin-right:10px}.partnerlogos{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));grid-gap:1rem;grid-auto-flow:dense;margin:0;padding:0;@media (width > 1024px){grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}li{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-200);display:grid;justify-content:center;padding:15px;transition:all .3s ease-in-out}li:hover{border-color:var(--color-gray-400);cursor:pointer}img{display:block}}.card-cta{background-color:var(--color-white);border-radius:var(--border-radius-300);box-shadow:0 0 2px rgba(0,0,0,.05),0 0 4px rgba(0,0,0,.05),0 0 8px rgba(0,0,0,.05),0 0 16px rgba(0,0,0,.05);justify-self:center;max-width:100%;padding:3rem;@media (width > 1024px){justify-self:right}}.insurancecard--grid{display:grid;grid-gap:4rem;@media (width > 600px){grid-template-columns:repeat(2,1fr);margin-top:-3rem}}.insurancecards--title{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-300);grid-column:1/-1;padding:2rem;text-align:center}.insurancecard{background-color:var(--color-white);border-radius:var(--border-radius-300);box-shadow:0 0 2px rgba(0,0,0,.05),0 0 4px rgba(0,0,0,.05),0 0 8px rgba(0,0,0,.05),0 0 16px rgba(0,0,0,.05);display:flex;overflow:hidden;padding:0;position:relative;text-align:center;ul{margin:0;padding:0}li,ul{width:100%}li{border-bottom:1px solid var(--color-gray-300);margin:0 auto;padding:1rem 0}li:first-child{background-color:var(--color-blue);border-bottom:none;border-top-left-radius:var(--border-radius-200);border-top-right-radius:var(--border-radius-200);color:var(--color-white);font-family:var(--font-secondary);font-size:1.8rem;font-weight:300;margin-bottom:.1rem;padding:2rem 0;width:100%}li:last-child{border-bottom:none;margin-bottom:.1rem}}.profilecard--grid{display:grid;grid-gap:3rem;margin:0 auto;@media (width > 600px){grid-template-columns:repeat(2,1fr)}@media (width > 900px){grid-template-columns:repeat(3,1fr)}}.profilecard{align-items:flex-end;background-color:#fff;border-radius:var(--border-radius-300);box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.1);color:#fff;display:flex;overflow:hidden;padding:1rem;position:relative;text-align:center;width:100%;@media (width > 600px){height:325px}}.profilecard:before{background-position:0 0;background-size:cover;height:110%;transition:transform 1.05s cubic-bezier(.19,1,.22,1)}.profilecard:after,.profilecard:before{content:"";left:0;pointer-events:none;position:absolute;top:0;width:100%}.profilecard:after{background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.009) 11.7%,rgba(0,0,0,.034) 22.1%,rgba(0,0,0,.072) 31.2%,rgba(0,0,0,.123) 39.4%,rgba(0,0,0,.182) 46.6%,rgba(0,0,0,.249) 53.1%,rgba(0,0,0,.32) 58.9%,rgba(0,0,0,.394) 64.3%,rgba(0,0,0,.468) 69.3%,rgba(0,0,0,.54) 74.1%,rgba(0,0,0,.607) 78.8%,rgba(0,0,0,.668) 83.6%,rgba(0,0,0,.721) 88.7%,rgba(0,0,0,.762) 94.1%,rgba(0,0,0,.79));display:block;height:200%;transform:translateY(-50%);transition:transform 1.4s cubic-bezier(.19,1,.22,1)}.profilecard:first-child:before{background-image:url(/assets/images/medewerkers/guy.webp)}.profilecard:nth-child(2):before{background-image:url(/assets/images/medewerkers/an.webp)}.profilecard:nth-child(3):before{background-image:url(/assets/images/medewerkers/sigrid.webp)}.profilecard:nth-child(4):before{background-image:url(/assets/images/medewerkers/amelie.webp)}.profilecard:nth-child(5):before{background-image:url(/assets/images/medewerkers/boef.webp)}.profilecard--content{align-items:center;display:flex;flex-direction:column;padding:1rem;position:relative;transition:transform .7s cubic-bezier(.19,1,.22,1);width:100%;z-index:1}.profilecard--content>*+*{margin-top:1rem}.profilecard--title{color:var(--color-white);font-size:2.35rem;font-weight:400}.profilecard--text{font-size:var(--font-size-300)}.btn{background-color:#000;border:none;border-radius:var(--border-radius-200);color:#fff;cursor:pointer;font-size:.9rem;letter-spacing:.07rem;margin-top:1.5rem;padding:1rem 1.5rem;text-transform:uppercase}.btn:hover{background-color:#1f1f1f}.btn:focus{outline:1px dashed #fff;outline-offset:2px}@media (hover:hover) and (min-width:600px){.profilecard:after{transform:translateY(0)}.profilecard--content{transform:translateY(calc(100% - 4.5rem))}.profilecard--content>:not(.profilecard--title){opacity:0;transform:translateY(1rem);transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1)}.profilecard:focus-within,.profilecard:hover{align-items:center}.profilecard:focus-within:before,.profilecard:hover:before{transform:translateY(-4%)}.profilecard:focus-within:after,.profilecard:hover:after{transform:translateY(-50%)}.profilecard:focus-within .profilecard--content,.profilecard:hover .profilecard--content{transform:translateY(0)}.profilecard:focus-within .profilecard--content>:not(.profilecard--title),.profilecard:hover .profilecard--content>:not(.profilecard--title){opacity:1;transform:translateY(0);transition-delay:87.5ms}.profilecard:focus-within .profilecard--content,.profilecard:focus-within .profilecard--content>:not(.profilecard--title),.profilecard:focus-within:after,.profilecard:focus-within:before{transition-duration:0s}}.googlemap{border:0;min-height:500px;width:100%}.table-openingsuren{color:var(--color-white);font-size:var(--font-size-200);margin:0 auto;max-width:500px;width:100%}.table-openingsuren td{padding:1rem;text-align:center}.table-openingsuren td,.table-openingsuren tr.alt{background-color:var(--color-darken)}.site-footer{background-color:var(--color-blue-800)}.footer-navigation{background-color:var(--color-blue-800);border:2px solid var(--color-lighten);border-radius:var(--border-radius-300);color:var(--color-gray-300);font-size:var(--font-size-200);margin:0 auto;max-width:500px;padding:3rem;text-align:center;width:100%;@media (width > 1024px){text-align:left}li{line-height:2rem}.title{border-bottom:2px solid var(--color-lighten);color:var(--color-white);font-family:var(--font-secondary);font-size:var(--font-size-400);font-weight:400;letter-spacing:.05rem;margin-bottom:1.5rem;padding-bottom:1.5rem}a{border-bottom:1px solid var(--color-lighten);padding-bottom:1px;text-decoration:none;transition:all .3s ease-in-out}a:hover{border-bottom:1px solid var(--color-white)}}.copyrightfooter{background-color:var(--color-white);padding-block:3rem}.copyrightfooter__inner{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-100);gap:3rem;justify-content:center;@media (width > 1024px){justify-content:space-between}}.brocom-logo{max-width:50vw;width:220px}.copyright-navigation{align-items:center;color:var(--color-black);display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0;a{border-bottom:1px solid var(--color-white);padding-bottom:2px;text-decoration:none;transition:all .3s ease-in-out}a:hover{border-bottom:1px solid var(--color-blue)}}}@layer utilities{.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}::-moz-selection,::selection{background-color:rgba(0,114,173,.6);color:var(--color-white)}}