@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;src:url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'),url('../fonts/roboto-v30-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:700;src:url('../fonts/roboto-v30-latin-700.woff2') format('woff2'),url('../fonts/roboto-v30-latin-700.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Roboto Slab';font-style:normal;font-weight:400;src:url('../fonts/roboto-slab-v25-latin-regular.woff2') format('woff2'),url('../fonts/roboto-slab-v25-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Roboto Slab';font-style:normal;font-weight:700;src:url('../fonts/roboto-slab-v25-latin-700.woff2') format('woff2'),url('../fonts/roboto-slab-v25-latin-700.ttf') format('truetype')}*{margin:0;padding:0;box-sizing:border-box}aside,figure,footer,header,main,nav,section{display:block}html{min-height:100%;overflow-x:hidden;scroll-behavior:smooth}body{overflow-x:hidden;-webkit-overflow-scrolling:touch}body{background-color:#222;color:#aaa;font-family:'Roboto',Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:25px}header h2{font-family:'Roboto Slab',Helvetica,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#fff;margin:0}header h3{color:#999;font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:25px}@media only screen and (min-width:768px){header h2{font-size:24px;line-height:35px}header h3{font-size:21px;line-height:30px}}@media only screen and (min-width:1024px){header h2{font-size:30px;line-height:45px}}h3{color:#eb4800;font-family:'Roboto Slab',Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;line-height:30px;margin-bottom:40px;text-align:center}@media only screen and (min-width:768px){h3{font-size:24px;line-height:35px;margin-bottom:50px}}h4{color:#fff;font-family:'Roboto Slab',Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:30px;margin:0}@media only screen and (min-width:768px){h4{font-size:21px;line-height:30px}.wat-kost-het h4{font-size:24px;line-height:35px}}a{color:inherit;text-decoration:none;transition:all .2s}a:hover{transition:all .2s}a:hover,a:active{outline:0}.link{color:inherit;border-bottom:1px dotted #666}.link:hover{color:#fff;border-bottom:1px solid #666}img{max-width:100%;height:auto;border:0;vertical-align:middle}img:before,img:after{clear:both;content:''}.red{color:#eb4800}.sup{position:relative;top:-0.5em;font-size:60%}hr{border-bottom:1px solid #333;border-left:0;border-right:0;border-top:1px solid #000;display:block;height:0;width:calc(100% - 60px);margin:0 30px}.nobreak{white-space:nowrap}.center-small{text-align:center}@media only screen and (min-width:768px){.center-small{text-align:left}}#sidebar{position:fixed;top:0;left:0;z-index:500;max-width:300px;width:80%;height:100%;padding:30px;background-color:#222;box-shadow:0 10px 20px -4px #000;overflow-x:hidden;overflow-y:auto;pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-100%);transition:opacity .3s ease,visibility .2s ease,transform .3s ease}#sidebar.show{pointer-events:all;opacity:1;visibility:visible;transform:translateX(0)}.sidebar-content{pointer-events:none}.sidebar-content a{pointer-events:all}nav ul{display:grid;gap:20px;list-style:none}nav li a{color:#fff;font-weight:700}.toggle{background-color:#222;position:absolute;top:10px;right:10px;width:50px;height:50px;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden;z-index:100}.toggle span{background-color:#999;width:100%;height:2px;margin:0 auto;transition:all .3s ease;pointer-events:none}#sidebar.show+.toggle{justify-content:center}#sidebar.show+.toggle span{margin-top:-1.2px;margin-bottom:-1.2px}#sidebar.show+.toggle span:first-child{transform:rotate(45deg)}#sidebar.show+.toggle span:nth-child(2){opacity:0;transform:translateX(-100%)}#sidebar.show+.toggle span:last-child{transform:rotate(-45deg)}.top{width:100%;max-width:960px;margin:0 auto;padding:20px 30px}.logo h1{color:#eb4800;font-family:'Roboto Slab',Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;line-height:30px}.sidebar-content-info{padding:18px 0 30px}.sidebar-content-info p,.sidebar-content-info table{font-size:14px;line-height:22px}.sidebar-content-info table{margin-top:22px}.sidebar-content-info b{color:#fff;display:table;font-size:16px;font-weight:700;margin-top:22px}@media screen and (min-width:920px){.toggle{display:none}.sidebar-content-info{display:none}#sidebar{position:relative;top:auto;left:auto;max-width:100%;width:auto;height:auto;padding:0;background-color:transparent;box-shadow:none;overflow-x:auto;overflow-y:auto;pointer-events:all;opacity:1;visibility:visible;transform:none;transition:none;z-index:10}.logo{z-index:20}.top{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;align-content:stretch}#sidebar.show{pointer-events:all;opacity:1;visibility:visible;transform:none}.sidebar-content,.sidebar-content a{pointer-events:all}nav ul{display:block;font-size:0;gap:none}nav ul li{display:inline-block;font-size:16px;margin-right:20px}nav ul li:last-child{margin-right:0}nav li a{color:#999;font-weight:400}nav a:hover{color:#fff}}.container{margin:0 auto;max-width:960px;width:100%}section{display:block;padding:60px 30px}@media only screen and (min-width:768px){section{padding:80px 30px}}@media only screen and (min-width:768px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:30px}}header{position:relative;display:block;text-align:center;padding:60px 30px 20px 30px;top:-20px}.header-img{margin:-10% auto;z-index:0}header h2,header h3{position:relative;z-index:1;margin:0}.btn{position:relative;display:inline-block;margin:30px 0 0;background:#f75220;background-image:linear-gradient(to bottom,#f75220,#e73600);border-top:1px solid #ff8a66;text-shadow:0 1px 0 #762006;color:#fff;font-family:'Roboto Slab',Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;line-height:20px;padding:10px 20px 15px;-webkit-border-radius:3px;border-radius:3px}.btn:hover{background:#e24e21;background-image:linear-gradient(to bottom,#e24e21,#d43403);border-top-color:#e9805f;text-shadow-color:#6c1e07}@media only screen and (min-width:480px){header{padding-top:60px}}@media only screen and (min-width:768px){header{padding-top:160px;top:-100px;margin-bottom:-80px}.btn{margin:40px 0 0;font-size:18px}}@media only screen and (min-width:1024px){.btn{margin:60px 0 0;font-size:20px;padding:15px 30px 20px;-webkit-border-radius:5px;border-radius:5px}}.cijfer{text-align:center;font-family:'Roboto Slab',Helvetica,Arial,sans-serif;font-size:30px;line-height:35px;color:#eb4800}.staptxt{text-align:center;margin-bottom:25px}@media only screen and (min-width:768px){.cijfer{text-align:left;float:left;font-size:48px;line-height:50px}.staptxt{text-align:left;padding-left:40px}.staptxt:after{content:'';clear:both;display:table}}.fadehover{position:relative;display:block;width:160px;height:160px;margin:0 auto 40px auto}.fadehover img,.fadehover source{position:absolute;top:0;left:0;width:160px;height:160px;-webkit-border-radius:80px;border-radius:80px;transition:opacity .5s ease-in-out}.fadehover .topimg{z-index:2}.fadehover .topimg:hover{opacity:0;transition:opacity .5s ease-in-out}@media only screen and (min-width:768px){.fadehover{float:left;top:-5px;width:200px;height:200px;margin:0 0 -5px 0}.fadehover:after{content:'';clear:both;display:table}.fadehover img,.fadehover source{width:200px;height:200px;-webkit-border-radius:100px;border-radius:100px}}@media only screen and (min-width:1024px){.fadehover{top:-40px;margin:0 0 -40px 0}}ul.lijst{text-align:center;list-style:none}ul.lijst li{position:relative;margin-top:20px}ul.lijst li:before{content:'';display:inline-block;width:14px;height:7px;border-bottom:3px solid #eb4800;border-left:3px solid #eb4800;transform:rotate(-45deg);position:relative;top:-3px;margin-right:5px}@media only screen and (min-width:768px){ul.lijst{text-align:left;padding-left:265px}ul.lijst li{margin-top:0}ul.lijst li:before{position:absolute;top:5px;left:-25px}}h4.cta{text-align:center;margin-top:40px}@media only screen and (min-width:768px){h4.cta{margin-top:50px}}.wat-kost-het{text-align:center}.wat-kost-het h4{margin-bottom:40px}br.br-small{margin:0 0 20px 0}@media only screen and (min-width:768px){.wat-kost-het h4{margin-bottom:50px}br.br-small{margin:0}}.auto-sleutel{display:block;margin:40px auto;width:160px;height:160px;-webkit-border-radius:80px;border-radius:80px}@media only screen and (min-width:768px){.auto-sleutel{float:right;margin:0 0 0 20px}}.gespecialiseerd{text-align:center;margin-top:40px}@media only screen and (min-width:768px){.gespecialiseerd{margin-top:50px}}.contactgegevens p{margin-bottom:25px}.contactgegevens div+div p:last-of-type{margin-bottom:0}@media only screen and (min-width:768px){.contactgegevens p{margin-bottom:30px}.contactgegevens div p:last-of-type{margin-bottom:0}}.deurslotreparatie-apeldoorn{display:none}@media only screen and (min-width:768px){.deurslotreparatie-apeldoorn{display:block;float:right;margin:0 0 0 20px;width:156px;height:182px}.deurslotreparatie-apeldoorn:after{content:'';clear:both;display:table}}.openingstijden{margin-bottom:25px}table tr td{padding-right:25px}table tr td:last-of-type{padding-right:0}@media only screen and (max-width:767px){.openingstijden table{width:auto;margin:0 auto;text-align:center}}footer{display:block;padding-bottom:80px;text-align:center;font-size:14px;line-height:22px}footer a:hover{color:#ccc}footer span{white-space:nowrap}.divide{color:transparent;display:block;height:0;visibility:hidden}.divide.divide-show{color:#444;display:inline;height:auto;margin:0 4px;visibility:visible}@media only screen and (min-width:640px){.divide{color:#444;display:inline;height:auto;margin:0 7px;visibility:visible}}.privacy section{padding-top:30px;padding-bottom:90px}.privacy p{margin-bottom:25px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:767px){.grid{display:block}.grid>div{float:none;width:100%;padding-right:0}.grid>div+div{padding-left:0;padding-right:0}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:768px){.grid{display:block}.grid>div{float:left;width:50%;padding-right:15px}.grid>div+div{padding-left:15px;padding-right:0}.grid:after{content:'';clear:both;display:table}.grid>div:after{content:'';clear:both;display:table}}