*{margin:0;padding:0;border:none;underline:none;outline:0;text-decoration:none;-webkit-font-smoothing:antialiased}body,html{background:#fcffff;font-family:Arial,sans-serif}#bespannen-logo{width:31px;height:42px;position:absolute;background:url(../img/logo.svg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 10px 14px rgba(136, 136, 254, .25));top:50px;left:64px}.navigation{width:40px;height:40px;position:absolute;background:0 0;border-radius:99px;cursor:pointer;z-index:15;margin-top:-20px;top:50%;right:20px;-webkit-transition:background .2s ease,-webkit-transform .15s ease;-moz-transition:background .2s ease,-moz-transform .15s ease;-ms-transition:background .2s ease,-ms-transform .15s ease;-o-transition:background .2s ease,-o-transform .15s ease;transition:background .2s ease,transform .15s ease}#menu-overlay{width:100%;height:100%;position:fixed;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;z-index:15;display:none;top:0;left:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}#menu-overlay.visible{display:block}#menu-overlay.show{opacity:1}.navigation{width:40px;height:40px;position:absolute;background:0 0;border-radius:99px;cursor:pointer;z-index:17;margin-top:-20px;top:50%;right:20px;-webkit-transition:background .2s ease,-webkit-transform .15s ease;-moz-transition:background .2s ease,-moz-transform .15s ease;-ms-transition:background .2s ease,-ms-transform .15s ease;-o-transition:background .2s ease,-o-transform .15s ease;transition:background .2s ease,transform .15s ease}.no-mobile .navigation:hover{background:#f5f5fd}#menu-nav{top:50px;right:50px;margin-top:0}#menu-nav.bounce{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}#menu-nav.hide{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.nav-holder{width:4px;height:20px;position:absolute;display:inline-block;margin-top:-10px;margin-left:-2px;top:50%;left:50%}.nav-holder .circle{width:4px;height:4px;position:absolute;background:#505050;border-radius:99px;display:inline-block;float:left;top:0;left:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav-holder .circle.two{top:8px}.nav-holder .circle.three{top:16px}.navigation.ani1 .nav-holder .circle.one,.navigation.ani1 .nav-holder .circle.three{top:8px}.navigation.ani2 .nav-holder .circle.two{display:none}.navigation.ani2 .nav-holder .circle.one,.navigation.ani2 .nav-holder .circle.three{width:20px;height:2px;left:-8px}.nav-holder .cross.one,.navigation.ani2 .nav-holder .circle.one{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-holder .cross.two,.navigation.ani2 .nav-holder .circle.three{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#menu{width:500px;height:100%;position:fixed;background:#fff;box-shadow:-30px 0 40px rgba(0,0,0,.03);z-index:16;top:0;right:-570px;-webkit-transition:right .35s ease;-moz-transition:right .35s ease;-ms-transition:right .35s ease;-o-transition:right .35s ease;transition:right .35s ease}#menu.show{right:0}#menu-holder{width:56%;height:100%;position:relative;display:table;opacity:0;margin:0 auto 0 auto;left:50px;-webkit-transition:opacity .25s ease,left .35s ease;-moz-transition:opacity .25s ease,left .35s ease;-ms-transition:opacity .25s ease,left .35s ease;-o-transition:opacity .25s ease,left .35s ease;transition:opacity .25s ease,left .35s ease}#menu-holder.show{opacity:1;left:0}#logo{width:62px;height:62px;position:absolute;background:#88f url(../img/bespannen-tennis.svg);background-size:90%;background-position:center;background-repeat:no-repeat;border-radius:22px;box-shadow:0 20px 40px rgba(136,136,254,.35);top:14%}#nav{position:absolute;margin-top:-132px;top:48%}#nav li{list-style:none;margin-bottom:26px}#nav li a{font-size:32px;color:#191919;letter-spacing:-1.4px;display:inline-block}#nav li a:after{width:0;height:1px;background:#fff;content:" ";display:table;-webkit-transition:width .35s ease;-moz-transition:width .35s ease;-ms-transition:width .35s ease;-o-transition:width .35s ease;transition:width .35s ease}.no-mobile #nav li a:hover:after{width:100%;background:#191919}.socials{position:absolute;display:table;margin-left:-6px;bottom:20%}.social{width:42px;height:42px;position:relative;border-radius:99px;float:left;margin-right:12px}.social .back{width:100%;height:100%;position:absolute;background:#eee;border-radius:99px;top:0;left:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .25s ease;-moz-transition:-moz-transform .25s ease;-ms-transition:-ms-transform .25s ease;-o-transition:-o-transform .25s ease;transition:transform .25s ease}.social:hover .back{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.social .icon{width:18px;height:18px;position:relative;z-index:2;margin-top:-9px;margin-left:-9px;top:50%;left:50%}.social .icon .a{fill:#b0b0c1;-webkit-transition:fill .25s ease;-moz-transition:fill .25s ease;-ms-transition:fill .25s ease;-o-transition:fill .25s ease;transition:fill .25s ease}.social.facebook .back{background:#bbccf0}.social.facebook:hover .icon .a{fill:#325192}.social.instagram .back{background:#ffc5ed}.social.instagram:hover .icon .a{fill:#d074b3}.social.whatsapp .back{background:#c6f7d8}.social.whatsapp:hover .icon .a{fill:#1ac158}#holder{width:600px;position:relative;margin:240px auto 120px auto}h1{font-size:48px;letter-spacing:-1px;margin-bottom:12px}.ervaringen{font-size:18px;font-weight:400;line-height:190%;color:#879798;display:inline-block;margin:16px 0 24px 0}.ervaringen strong{color:#5b6061}#total-reviews{background:#f5f5ff;border-radius:99px;display:inline-block;padding:16px 22px;margin:30px 0 20px 0}#total-reviews span{font-size:16px;color:#8383ca;letter-spacing:.4px;float:right;margin-top:-1px;margin-left:12px}#reviews{margin-top:80px}.review{background:#f6f6ff;border-radius:22px;padding:40px;margin-bottom:60px}.review .photo{width:70px;height:70px;background:#fff url(../img/foto-placeholder.svg);border-radius:99px;box-shadow:0 15px 25px rgba(136,136,254,.06);float:left;margin-bottom:8px;-webkit-transition:background .4s ease;-moz-transition:background .4s ease;-ms-transition:background .4s ease;-o-transition:background .4s ease;transition:background .4s ease}.review .i{display:inline-block;margin-left:24px}.review h3{font-size:20px;margin-bottom:1px}.review span{font-size:13px;font-style:italic;color:#63639c;letter-spacing:.2px}.sterren{margin-top:6px}.ster{width:14px;height:13px;filter:drop-shadow(0 1px 9px rgba(136, 136, 254, .4));margin-right:7px;display:inline-block}.ster:after{width:100%;height:13px;background:url(../img/ster.svg);background-size:14px 13px;background-position:left center;background-repeat:no-repeat;content:" ";display:block}.ster.p-1:after{width:10%}.ster.p-2:after{width:20%}.ster.p-3:after{width:30%}.ster.p-4:after{width:40%}.ster.p-5:after{width:50%}.ster.p-6:after{width:60%}.ster.p-7:after{width:70%}.ster.p-8:after{width:80%}.ster.p-9:after{width:90%}.review p{width:100%;font-size:17px;font-style:italic;line-height:190%;letter-spacing:.3px;color:#6d6da0;display:inline-block;margin-top:22px}.review p:after,.review p:before{content:'"'}#more{background:#88f;border-radius:17px;font-weight:600;font-size:15px;color:#fff;letter-spacing:.4px;text-align:center;box-shadow:0 15px 25px rgba(136,136,254,.25);display:table;cursor:pointer;padding:20px 28px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transition:background .3s ease,-webkit-transform .2s ease;-moz-transition:background .3s ease,-moz-transform .2s ease;-ms-transition:background .3s ease,-ms-transform .2s ease;-o-transition:background .3s ease,-o-transform .2s ease;transition:background .3s ease,transform .2s ease}#more:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}.no-mobile #more:hover{background:#7272ea}@media screen and (max-width:1530px){#holder{margin-top:200px}}@media screen and (max-width:1230px){#menu{width:400px}#menu-holder{width:64%}#nav{margin-top:-102px}}@media screen and (max-width:1130px){#bespannen-logo{top:40px;left:50px}#menu-nav{top:44px;right:40px}#holder{width:670px}h1{font-size:44px}#total-reviews{margin:20px 0 10px 0}.review p{font-size:16px}}@media screen and (max-width:1000px){#menu{width:340px}#menu-holder{width:70%}#nav{margin-top:-92px}#nav li a{font-size:28px}}@media screen and (max-width:1000px) and (max-height:530px){#logo{display:none}#nav{margin-top:0;top:20%}}@media screen and (max-width:1000px) and (max-height:365px){.socials{bottom:10%}}@media screen and (max-width:820px){#holder{width:74%;margin-top:160px}.ervaringen{font-size:17px}#total-reviews span{font-size:15px}}@media screen and (max-width:620px){#bespannen-logo{width:30px;height:40px;top:46px;left:10%}#menu-nav{right:10%}#holder{width:80%}h1{margin-bottom:2px}#reviews{margin-top:110px}.review{padding:28px 28px 34px 28px;margin-bottom:78px}.review .photo{box-shadow:0 15px 25px rgba(136,136,254,.08);float:unset;margin:-60px auto 10px auto}.review .i{width:100%;text-align:center;margin-left:0}.review h3{font-size:18px;margin-top:8px;margin-bottom:4px}.review span{font-size:11px}.review .sterren{margin-top:16px;margin-bottom:3px}.review p{text-align:center;margin-top:18px}#more{font-size:14px;padding:20px 25px}#menu{width:100%;right:-110%}#nav li a{font-size:30px}}@media screen and (max-width:330px){h1{font-size:34px}.ervaringen{font-size:15px;margin:6px 0 12px 0}}