@font-face{font-family:"Inter";src:url("/themes/studio-wit-papier/assets/fonts/new/inter-variable-font-woff2.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}
.scrollHeader .navbar-brand{opacity:1}
.scrollHeader.fadeHeader .navbar-brand{opacity:0;transition:opacity 0.9s ease}
.scrollHeader.fadeHeader.scrolled .navbar-brand{opacity:1}
.black{font-weight:900}
.lijnKnop{border:1px solid #000;padding:0px 60px;height:40px;line-height:38px;border-radius:20px;display:inline-block;transition:background-color 0.3s ease,border-color 0.3s ease,padding 0.3s ease;position:relative;overflow:hidden}
.lijnKnop.icoon::after{content:"";position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:20px;height:20px;background-image:url("/themes/studio-wit-papier/assets/images/icon-pijl-rechts.svg?v=3");background-repeat:no-repeat;background-position:center;background-size:20px;opacity:0;transition:opacity 0.3s ease,right 0.3s ease}
.lijnKnop.icoon:hover{background:#F1EEEA;border:1px solid #F1EEEA;color:#000;text-decoration:none}
.lijnKnop.icoon:hover::after{opacity:1;right:10px}
.lijnKnop:hover{background:#F1EEEA;border:1px solid #F1EEEA;color:#000;text-decoration:none}
.lijnKnop.werk{margin-top:0px;font-size:14px;color:#fff;padding:0px 20px;line-height:28px;height:30px;border-radius:15px;margin-top:10px;border-color:#fff}
.rondjePijltje{width:30px;height:30px;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease,border-color 0.3s ease;background-image:url("/themes/studio-wit-papier/assets/images/icon-pijl-rechts.svg?v=3");background-repeat:no-repeat;background-position:center;background-size:20px;display:inline-block}
.rondjePijltje.links{background-image:url("/themes/studio-wit-papier/assets/images/icon-pijl-rechts.svg?v=1");transform:rotate(180deg);background-color:#fff}
.rondjePijltje.rechts{background-image:url("/themes/studio-wit-papier/assets/images/icon-pijl-rechts.svg?v=1");background-color:#fff}
#waarom{background:#F1EEEA;padding:90px 0}
#waarom h3{font-family:"Inter";font-weight:900;font-size:20px;border-bottom:1px solid #000;padding-bottom:7px;margin-bottom:15px}
#reviews{padding:90px 0}
body{font-family:Inter,Arial,sans-serif;margin:0;padding:0;font-size:18px;background:#fff;line-height:1.815}
a{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
.menuKnoppenMobiel{display:none}
.papierAchtergrond{background:#fff;position:relative}
.menuKnoppen .active{text-decoration:underline}
h1,h2,h3{margin-bottom:26px}
.display-1{font-size:3rem;line-height:1.694em}
.display-2{font-size:2.75rem;line-height:1.694em}
.display-3{font-size:2.5rem;line-height:1.694em}
.display-4{font-size:2.25rem;line-height:1.694em}
.display-5{font-size:2rem;line-height:1.694em}
.display-6{font-size:1.75rem;line-height:1.694em}
.form-control{border:1px solid #213A8F;border-radius:5px}
.form-control:focus{border-color:#213A8F;box-shadow:0 0 0 0.2rem rgba(33,58,143,0.25);outline:0}
.form-control:hover{border-color:#172966}
.form-control-sm{border:1px solid #213A8F;border-radius:5px}
.form-control-sm:focus{border-color:#213A8F;box-shadow:0 0 0 0.15rem rgba(33,58,143,0.25);outline:0}
.form-control-sm:hover{border-color:#172966}
strong{font-weight:900 !important}
.btn-primary{text-transform:uppercase;letter-spacing:0.5px}
.btn{padding-top:calc(var(--bs-btn-padding-y) + 0.1rem);padding-bottom:calc(var(--bs-btn-padding-y) - 0.1rem)}
.btn.btn-sm{padding-top:calc(var(--bs-btn-padding-y) + 0.08rem);padding-bottom:calc(var(--bs-btn-padding-y) - 0.08rem)}
.btn.btn-lg{padding-top:calc(var(--bs-btn-padding-y) + 0.12rem);padding-bottom:calc(var(--bs-btn-padding-y) - 0.12rem)}
.inspringen-links{padding-left:65px}
.inspringen-rechts{padding-right:65px}
.inspringen-beide{padding-left:65px;padding-right:65px}
.rolVergroot{transform:scale(1);transition:transform 0.3s ease;display:inline-block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}
@supports (image-rendering:pixelated){.rolVergroot{image-rendering:auto}}
.rolVergroot:hover{transform:scale(1.1) translateZ(0)}
.witAchter{background:#fff;position:relative;overflow:hidden}
.scrollHeader{background:#fff}
.ScrollAchterKader{text-align:center;position:sticky;top:68px;z-index:0;height:calc(100vh - 370px);display:flex;align-items:center;justify-content:center}
.ScrollAchterKader img{width:60%}
.ScrollAchterKader.kleiner{height:auto;padding-top:120px;padding-bottom:120px}
.paginaTekst{padding:90px 0}
#reviews{position:relative}
#reviews .klantReviewsSlider{min-height:200px;position:relative}
#reviews .klantReviewsSlider .slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 0.5s ease-in-out;pointer-events:none}
#reviews .klantReviewsSlider .slide.active{position:relative;opacity:1;pointer-events:auto}
.categories .filter-button{color:#000;text-decoration:none;transition:all 0.3s ease;cursor:pointer}
.categories .filter-button:hover{opacity:0.7}
.categories .filter-button.active{font-weight:bold;text-decoration:underline}
.werk-masonry{display:flex;flex-wrap:wrap;margin:0 -8px}
.werk-masonry .masonry-item{width:100%;padding:8px;margin-bottom:0px}
@media (min-width:576px){.werk-masonry .masonry-item{width:50%}}
@media (min-width:992px){.werk-masonry .masonry-item{width:33.333%}}
@media (min-width:1400px){.werk-masonry .masonry-item{width:33.333%}}
.werk .blokWerk{display:block;z-index:1;position:relative;overflow:hidden}
.werk .blokWerk img{transition:transform 0.3s ease;display:block;width:100%}
.werk .blokWerk:hover img{transform:scale(1.1)}
.werk .blokWerk.zonderVergroting:hover img{transform:scale(1)}
.werk .overlayTitel{position:absolute;left:15px;bottom:15px;right:15px;color:#fff;z-index:2}
.footerBinnen{background:#F1EEEA;height:60px;font-size:14px}
.kruimelpad{font-size:14px}
@media (max-width:768px){.scrollHeader .navbar-brand{opacity:1 !important}.mobielBeeldmerk{position:relative;margin-bottom:-110px}.titelInspringenLinksMobiel{padding-left:12px}#waarom{padding:45px 0}.kruimelpadContainer{padding-left:28px !important}.menuKnoppenMobiel{display:block;position:relative}.menuKnoppenMobiel summary{list-style:none}.menuKnoppenMobiel summary::-webkit-details-marker{display:none}.menuKnoppenMobiel__toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 0 10px 16px;cursor:pointer;font-size:24px;line-height:1;text-transform:lowercase}.menuKnoppenMobiel__icoon{width:46px;height:46px;display:block;position:relative;top:1px}.menuKnoppenMobiel__icoon--close{display:none}.menuKnoppenMobiel[open] .menuKnoppenMobiel__icoon--menu{display:none}.menuKnoppenMobiel[open] .menuKnoppenMobiel__icoon--close{display:block}.menuKnoppenMobiel__lijst{position:fixed;left:0;right:0;top:66px;padding:50px 15px 50px 66px;background:#F1EEEA;display:flex;flex-direction:column;gap:0px;z-index:20}.menuKnoppenMobiel__lijst a{width:fit-content;color:#000;line-height:40px}.menuKnoppenMobiel__lijst .lijnKnop{padding-left:24px;padding-right:24px;text-align:center;border:none;padding:0}.menuKnoppenMobiel__lijst .active{text-decoration:underline}.inspringen-beide{padding-left:15px;padding-right:15px}header.inspringen-beide{padding-left:0px;padding-right:0px}.paginaTekst{padding:45px 0;padding-left:27px;padding-right:27px}#reviews{padding:45px 0}}