:root{--base-unit:0.25rem;--base-half-unit:calc(var(--base-unit) / 2);--font-family-primary:'Montserrat', sans-serif;--font-family-secondary:'Judson', serif;--font-base-unit:var(--base-unit);--font-size-12:calc(var(--font-base-unit) * 3);--font-size-14:calc(var(--font-base-unit) * 3.5);--font-size-16:calc(var(--font-base-unit) * 4);--font-size-20:calc(var(--font-base-unit) * 5);--font-size-24:calc(var(--font-base-unit) * 6);--font-size-32:calc(var(--font-base-unit) * 8);--font-size-40:calc(var(--font-base-unit) * 10);--font-size-48:calc(var(--font-base-unit) * 12);--font-size-56:calc(var(--font-base-unit) * 14);--font-size-64:calc(var(--font-base-unit) * 16);--font-size-72:calc(var(--font-base-unit) * 18);--line-height-base-unit:1;--line-height-small:calc(var(--line-height-base-unit) * 1.2);--line-height-medium:calc(var(--line-height-base-unit) * 1.8);--line-height-large:calc(var(--line-height-base-unit) * 2.2);--font-weight-lighter:100;--font-weight-light:200;--font-weight-normal:400;--font-weight-bold:600;--font-weight-bolder:800;--space-base-unit:var(--base-unit);--space-8:calc(var(--space-base-unit) * 2);--space-16:calc(var(--space-base-unit) * 4);--space-24:calc(var(--space-base-unit) * 6);--space-32:calc(var(--space-base-unit) * 8);--space-40:calc(var(--space-base-unit) * 10);--space-48:calc(var(--space-base-unit) * 12);--space-64:calc(var(--space-base-unit) * 16);--breakpoint-small:544px;--breakpoint-medium:768px;--breakpoint-large:1012px;--color-background:#F9F5FF;--color-primary-lighter:#ECDCF3;--color-primary-light:#E2C8ED;--color-primary:#C397D6;--color-primary-dark:#B976D6;--color-primary-darker:#9953b7;--color-secondary-ligher:#DBEED3;--color-secondary-light:#B7DCA7;--color-secondary:#ABD699;--color-secondary-dark:#6EB84E;--color-secondary-darker:#4C8334;--color-white:#FFFFFF;--color-gray-2:#EEEEEE;--color-gray-3:#D5D5D5;--color-gray-4:#BBBBBB;--color-gray-5:#A1A1A1;--color-gray-6:#888888;--color-gray-7:#6F6F6F;--color-gray-8:#595959;--color-gray-9:#3C3C3C;--color-gray-10:#222222;--color-black:#000000;--border-color-primary-lighter:var(--color-primary-lighter);--border-color-primary-light:var(--color-primary-light);--border-color-primary:var(--color-primary);--border-color-primary-dark:var(--color-primary-dark);--border-color-primary-darker:var(--color-primary-darker);--border-color-lighter:var(--color-gray-2);--border-color-light:var(--color-gray-3);--border-color:var(--color-gray-5);--border-color-dark:var(--color-gray-7);--border-color-darker:var(--color-gray-9);--border-radius-small:var(--base-unit);--border-radius-medium:calc(var(--base-unit) * 3);--border-radius-large:calc(var(--base-unit) * 4);--transition-faster:0.1s;--transition-fast:0.2s;--transition-normal:0.3s;--transition-slow:0.4s;--transition-slower:0.5s}*{box-sizing:border-box;font-family:var(--font-family-primary);font-size:var(--font-size-16);margin:0;padding:0}html{overflow-x:hidden;background-color:var(--color-background);scroll-behavior:smooth;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}}body{line-height:var(--line-height-medium);overflow-x:hidden}body.menu-open{position:fixed;width:100%;overflow:hidden;left:0}h1,h2,h3{line-height:var(--line-height-small);font-weight:var(--font-weight-bold);margin-block-end:var(--space-16)}h1{font-size:var(--font-size-48)}h2{font-size:var(--font-size-32)}h3{font-size:var(--font-size-24)}a{color:var(--color-black);text-decoration:none}ul{list-style-type:none}.error{color:red;margin-block-end:20px}.honey{display:none}.main-container{margin:0 auto;max-width:80%;@media (max-width:760px){max-width:100%}}section{margin:0 auto;padding:var(--space-32);width:65%;max-width:70ch;position:relative;@media (max-width:1000px){width:85%}@media (max-width:760px){width:90%;padding:var(--space-40) 0}}p{max-width:65ch;@media (max-width:760px){max-width:100%}}.huisregels{& h1{font-size:var(--font-size-40)}@media (min-width:1000px){border:2px solid #9953b7;margin:20px 200px;border-radius:20px}@media (min-width:1200px){margin-inline:250px}}.back-arrow{font-size:14px}.logo{width:160px;height:auto;top:15px;z-index:90;transition:transform 0.4s ease,width 0.4s ease;&.shrink{width:110px;transform:scale(.9)}@media (max-width:1000px){display:none;width:120px;top:5px}}.nav-banner{margin:0 auto;position:relative;left:0;width:20%;@media (max-width:1000px){width:50%}}.mobile-navbar-button{display:none;@media (max-width:1000px){display:block;position:fixed;left:2rem;top:5rem;height:60px;width:60px;background-color:var(--color-white);border:2px solid var(--color-primary-darker);border-radius:50%;transition:0.6s ease;&.change{border:0;background-color:var(--color-background)}}}.mobile-navbar-bar1,.mobile-navbar-bar2,.mobile-navbar-bar3{width:35px;height:5px;background-color:var(--color-black);margin:6px 0;transition:0.4s;position:relative;left:12px;display:block;border-radius:3px;.change &{&.mobile-navbar-bar1{transform:translate(0,11px) rotate(-45deg)}&.mobile-navbar-bar2{opacity:0}&.mobile-navbar-bar3{transform:translate(0,-11px) rotate(45deg)}}}.primary-navigation{position:fixed;top:0;left:0;width:215px;padding:1rem;z-index:9;height:auto;max-height:80vh;transition:transform 0.3s ease;@media (max-width:1000px){transition:0.6s ease;&.change{width:65%;background-color:var(--color-white);border-radius:0 1% 1% 0;height:100dvh}}}.nav-list{font-style:italic;font-weight:var(--font-weight-light);top:210px;& ul{top:2rem}& a{display:block;margin-bottom:var(--space-8);font-weight:var(--font-weight-light);font-size:var(--font-size-16);color:var(--color-gray-8);transition:font-size 0.3s,color 0.3s;&.active{font-weight:var(--font-weight-normal);color:var(--color-primary-darker);font-size:calc(var(--font-size-16) * 1.1)}&:hover{color:var(--color-primary-darker);transition:ease}}@media (max-width:1000px){display:none;top:2rem;&.change{display:block}}}@media (max-width:1000px){.content-overlay{position:fixed;inset:0;background-color:rgb(255 255 255 / .6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 0.6s ease,visibility 0.6s ease;z-index:5}.content-overlay.active{opacity:1;visibility:visible}.nav-list{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:1rem;left:1rem;bottom:1rem;width:80vw;max-width:350px;background-color:var(--color-background);border-radius:25px;box-shadow:5px 0 40px rgb(195 151 214 / .15);border:1px solid var(--color-primary-lighter);transform:translateX(-150%);transition:transform 0.8s cubic-bezier(.16,1,.3,1);z-index:95;overflow-y:auto;& a{color:var(--color-black);font-size:calc(var(--font-size-20))}& li{margin:10px 0;opacity:0;transform:translateY(10px);transition:opacity 0.4s ease,transform 0.4s ease}&.active{font-weight:var(--font-weight-normal);transform:translateX(0);& li{opacity:1;transform:translateY(0);transition-delay:0.2s}}&:hover{color:var(--color-primary-darker);transition:ease}}.mobile-navbar-button{z-index:100}}.hero{display:flex;justify-content:space-between;align-items:center;height:100vh;padding-inline:5%;width:70%;max-width:none;& .biggerH1{font-size:var(--font-size-72);font-family:var(--font-family-secondary)}& .hero-text{flex-basis:70%;& h1{font-weight:var(--font-weight-normal);line-height:var(--line-height-small);overflow:visible}& p{font-size:var(--font-size-16);margin-top:var(--space-24);max-width:80%}}& .hero-image{flex-basis:30%;& img{width:110%;height:auto}}@media (max-width:1150px){flex-direction:column-reverse;height:100%;width:90%;& .hero-text{flex-basis:auto;text-align:center;padding-bottom:30px;& h1{font-size:var(--font-size-32);padding-bottom:20px}& p{font-size:var(--font-size-16);max-width:60%;text-align:left;margin:auto}}& .hero-image{flex-basis:auto;text-align:center;margin-top:var(--space-48);top:500px;& img{width:auto;height:250px}}}@media (max-width:760px){& .hero-text p{max-width:85%!important}}}.image-border{display:inline-block;position:relative;left:10%;&::before{position:absolute;top:-5%;left:5%;width:110%;height:95%;border:3px solid var(--color-primary);content:'';z-index:1}& img{z-index:2;position:relative}@media (max-width:1150px){left:0;&::before{width:100%;left:5%}}}.contact-button-common{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-medium);color:var(--color-white);font-weight:var(--font-weight-bold);transition:all var(--transition-normal) ease;text-align:center;text-decoration:none;cursor:pointer;display:inline-block;margin-top:var(--space-16);&:hover{background-color:var(--color-white);color:var(--color-primary-darker)}& a{color:inherit;text-decoration:none;display:inline-block}}.contact-button-contact-field{width:14rem;height:3.5rem;margin-top:4rem;line-height:3.5rem}.contact-button-hero{position:relative;left:50%;top:-35px;width:14rem;height:3.5rem;display:flex;justify-content:center;align-items:center;font-weight:var(--font-weight-bolder);margin-top:-20px;@media (max-width:1150px){position:static;margin:15px auto auto auto}}.contact-button-p{width:10rem;display:flex;justify-content:center;text-align:center;& a{color:inherit}}.contact-container{margin-top:var(--space-40)}.contact-field{height:120vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-block:var(--space-48);background-color:var(--color-white);& p,& a{text-align:center;display:block}@media (max-width:1150px){& p{max-width:60%}}@media (max-width:760px){height:100vh;margin-block:var(--space-64);& p{padding:var(--space-16)}}@media (max-width:380px){height:120vh}}@media (max-width:1150px){.contact-button{display:flex;justify-content:center;align-items:center}}@media (max-width:760px){.contact-button{top:5rem;width:150px;height:35px}}.frosted-gradient{position:absolute;left:0;top:0;width:14%;height:100%;background:rgb(255 255 255 / .9);backdrop-filter:blur(10px);z-index:1;@media (max-width:1150px){width:20%}@media (max-width:1000px){display:none}}.image-contact{width:100%}.image-contact-top{position:absolute;top:0}.image-contact-bottom{position:absolute;bottom:0}#Contact{background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .1);margin-bottom:50px;@media (max-width:1150px){width:500px}@media (max-width:760px){max-width:90%!important;padding:10px}}.container{padding-top:40px;@media (max-width:760px){max-width:100%;margin:0 0 50px 0}}label{display:block;margin-bottom:5px}input[type="text"],input[type="email"],input[type="tel"],textarea{width:100%;padding-block:10px;padding-left:5px;border:1px solid #ccc;margin-bottom:20px;font-size:16px;border-radius:4px;@media (max-width:760px){width:96%}}textarea{resize:none;min-height:20px}.textarea-container{position:relative}.count{position:absolute;bottom:12px;right:10px;font-size:12px;background-color:#fff;padding:0 2px}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px rgb(195 151 214 / .15);outline:none}input[type="submit"]{width:50%;padding:10px;cursor:pointer;border-radius:4px;display:block;margin:0 auto;border:2px solid var(--color-primary);&:disabled{cursor:not-allowed}}@keyframes buttonSuccessAnimation{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}#submit{&.processing{background-color:#8E5DA5;border-color:#7A4795;transition:background-color 0.5s ease,color 0.5s ease}&.success-animation{animation:buttonSuccessAnimation 0.6s cubic-bezier(.42,0,.58,1);background-color:#4BB543!important;color:var(--color-white)!important;border-color:var(--color-white);transition:background-color 0.3s ease,color 0.3s ease}}.form-information{color:grey;text-align:center;padding-bottom:20px}.lavendel{margin-top:4em;z-index:2;color:var(--color-white);font-weight:600;position:relative;@media (max-width:760px){margin-top:2em}}.image-in-section{position:absolute;right:0;top:20px;left:0;z-index:0;height:100%;border-radius:25px;@media (max-width:760px){left:-10%}}#KinderenEnOuders{@media (max-width:760px){padding-top:var(--space-64)}}.table-container{width:125%;display:flex;justify-content:space-around;position:relative;left:-12%;@media (max-width:760px){flex-direction:column;width:100%;left:0}}.table-left{align-self:flex-start;@media (max-width:760px){align-self:center}}.table-right{align-self:flex-end;@media (max-width:760px){align-self:center;margin-top:var(--space-32)}}table{width:40%;border-collapse:collapse;@media (max-width:760px){width:100%}}thead th{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);padding-bottom:var(--space-64);@media (max-width:760px){padding-bottom:var(--space-16)}}tbody{font-weight:var(--font-weight-normal);& th{font-size:var(--font-size-20);font-weight:var(--font-weight-normal)}& td{font-size:var(--font-size-16);font-weight:var(--font-weight-normal);@media (max-width:760px){font-size:var(--font-size-14)}}}th,td{padding:8px;text-align:left}.lastRow td{padding-bottom:var(--space-48)}.tableSmallText{font-size:var(--font-size-12);font-weight:var(--font-weight-lighter)}.vertical-line{border-left:2px solid var(--color-primary);height:600px;@media (max-width:760px){display:none}}.mobile-horizontal-line{display:none;@media (max-width:760px){display:block;border:1px solid var(--color-primary);width:85%;margin:0 auto}}.side-note-container{width:125%;position:relative;left:-6%;padding-bottom:50px;& p{font-weight:var(--font-weight-light);font-style:italic}@media (max-width:760px){left:0;& p{font-size:12px}}}.pricing-information{padding-bottom:50px;& p:first-of-type{padding-bottom:20px}}.team-member{display:flex;flex-direction:row;align-items:center;width:100%;max-width:1200px;margin-bottom:5rem;justify-content:space-between;&:nth-child(even){flex-direction:row-reverse}&:nth-child(odd) .team-member-text{text-align:left;max-width:50%;& p{text-align:left}@media (max-width:760px){margin-left:30px}}& img{width:150px;height:auto;margin:0 1rem;@media (max-width:760px){margin:0}}& p{flex-grow:1;max-width:80%;@media (max-width:760px){max-width:90%}}& .team-member-text{display:flex;flex-direction:column;@media (max-width:760px){& p{font-size:var(--font-size-14)}}}}.image-border-right,.image-border-left{display:inline-block;position:relative;& img{position:relative;z-index:2}&::before{position:absolute;top:-6%;width:80%;height:95%;border:3px solid var(--color-primary);content:'';z-index:1;@media (max-width:760px){width:85%}}}.image-border-right::before{left:16%;@media (max-width:760px){left:20%}}.image-border-left::before{right:16%;@media (max-width:760px){right:20%}}footer{background-color:var(--color-primary);color:var(--color-white);& a{color:var(--color-white)}}.footer-header{font-size:var(--font-size-20)}.footer-divider{width:95%;border-color:var(--color-white);margin:0 auto}.footer-logo{margin-top:35px}.footer-content{display:flex;justify-content:space-between;padding:10px 40px 20px 40px;@media (max-width:1000px){flex-direction:column}}.footer-container-left,.footer-container-right{display:flex;justify-content:space-between;gap:60px;@media (max-width:1000px){flex-direction:row;align-items:normal;gap:30px;padding-bottom:10px}@media (max-width:560px){flex-direction:column;gap:25px;padding-bottom:15px}}.footer-contact-info{@media (max-width:1000px){top:50px}}.footer-socialMediaIcons{display:flex;justify-content:space-between;gap:15px;padding-top:5px;@media (max-width:560px){justify-content:center}}@media (max-width:760px){:root{--font-size-12:calc(var(--font-base-unit) * 2.4);--font-size-16:calc(var(--font-base-unit) * 4);--font-size-20:calc(var(--font-base-unit) * 4.5);--font-size-24:calc(var(--font-base-unit) * 4.8);--font-size-32:calc(var(--font-base-unit) * 6.4);--font-size-40:calc(var(--font-base-unit) * 8);--font-size-48:calc(var(--font-base-unit) * 9.6);--font-size-56:calc(var(--font-base-unit) * 11.2);--font-size-64:calc(var(--font-base-unit) * 12.8)}h2{display:flex;flex-direction:column;align-items:center}}