.klaasje-contact{--klaasje-contact-max: 880px;--klaasje-contact-gut: 24px;--klaasje-contact-line: rgba(25, 61, 83, .14)}.klaasje-contact__inner{max-width:var(--klaasje-contact-max);margin:0 auto;padding:0 var(--klaasje-contact-gut);box-sizing:border-box}.klaasje-contact__top{margin-top:calc(-1 * var(--klaasje-header-space, 88px));padding:calc(var(--klaasje-header-space, 88px) + clamp(40px,7vw,96px)) 0 clamp(40px,6vw,72px);background:linear-gradient(145deg,#bfd7ef,#d9e5f2 32%,#eddfe6 62%,#fae2da);text-align:center}.klaasje-contact__title{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(40px,7vw,84px);line-height:.98;letter-spacing:-.03em;text-transform:lowercase;color:var(--klaasje-navy);margin:0}.klaasje-contact__intro{font-family:var(--klaasje-body);font-size:clamp(16px,1.5vw,18px);line-height:1.6;color:#33474f;max-width:52ch;margin:16px auto 0;text-wrap:balance}.klaasje-contact__grond{--klaasje-contact-ground: #f2f6f8;--klaasje-contact-paper: #ffffff;--klaasje-contact-border-strong: #c3d3dc;--klaasje-contact-muted: #5d7080;background:var(--klaasje-white);padding:clamp(40px,6vw,72px) 0 clamp(64px,9vw,120px)}.klaasje-contact__page{font-family:var(--klaasje-body);font-size:16px;line-height:1.7;color:#33474f;margin-bottom:18px}.klaasje-contact__paneel+.klaasje-contact__paneel{margin-top:clamp(56px,8vw,96px)}.klaasje-contact__h2{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(24px,3.2vw,32px);line-height:1.1;letter-spacing:-.02em;text-transform:lowercase;color:var(--klaasje-navy);margin:0 0 6px}.klaasje-contact__lead{font-family:var(--klaasje-body);font-size:16px;line-height:1.55;color:var(--klaasje-contact-muted);max-width:62ch;margin:0 0 26px}.klaasje-contact__form{scroll-margin-top:calc(var(--klaasje-header-space, 88px) + 16px)}.klaasje-contact__rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}.klaasje-contact__veld{position:relative;display:block;box-sizing:border-box;min-width:0;margin-bottom:10px;padding:7px 18px 9px;background:var(--klaasje-contact-paper);border:1px solid var(--klaasje-contact-border-strong);border-radius:24px;cursor:text;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.klaasje-contact__veld:focus-within{background:var(--klaasje-contact-ground);transform:scale(1.012)}.klaasje-contact__veld label{display:block;font-family:var(--klaasje-body);font-size:12px;line-height:1.25;color:var(--klaasje-contact-muted);cursor:text}.klaasje-contact__zacht{color:var(--klaasje-contact-muted)}.klaasje-contact__veld input,.klaasje-contact__veld textarea{display:block;box-sizing:border-box;width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font-family:var(--klaasje-body);font-size:16px;color:var(--klaasje-navy);-webkit-appearance:none;appearance:none}.klaasje-contact__veld input{height:24px;line-height:24px}.klaasje-contact__veld textarea{min-height:132px;padding-top:2px;line-height:1.5;resize:vertical}.klaasje-contact__veld input:focus,.klaasje-contact__veld input:focus-visible,.klaasje-contact__veld textarea:focus,.klaasje-contact__veld textarea:focus-visible{outline:none;box-shadow:none}.klaasje-contact__veld input::placeholder,.klaasje-contact__veld textarea::placeholder{color:var(--klaasje-contact-muted);opacity:0;transition:opacity .18s ease}.klaasje-contact__veld input:focus::placeholder,.klaasje-contact__veld textarea:focus::placeholder{opacity:.7}.klaasje-contact__veld:has(input[aria-invalid=true]){border-color:var(--klaasje-red)}.klaasje-contact__veld input[aria-invalid=true]{color:var(--klaasje-red)}.klaasje-contact__verstuur{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}.klaasje-contact__mail{font-family:var(--klaasje-body);font-size:15px;line-height:1.5;color:var(--klaasje-contact-muted);margin:0}.klaasje-contact__mail a{color:var(--klaasje-navy);text-decoration:underline;text-underline-offset:2px}.klaasje-contact__error{font-family:var(--klaasje-body);font-size:14px;line-height:1.5;color:var(--klaasje-navy);margin:0 0 16px;padding:12px 15px;border-radius:var(--klaasje-r-box);background:#db3b4b14}.klaasje-contact__done{text-align:center;padding:16px 0}.klaasje-contact__done:focus{outline:none}.klaasje-contact__done-title{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--klaasje-navy);margin:0}.klaasje-contact__done-text{font-family:var(--klaasje-body);font-size:16px;line-height:1.6;color:var(--klaasje-contact-muted);margin:12px auto 0;max-width:44ch}.klaasje-contact__faq .klaasje-contact__h2{margin-bottom:18px}.klaasje-contact__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--klaasje-contact-line)}.klaasje-contact__item{margin:0;border-bottom:1px solid var(--klaasje-contact-line)}.klaasje-contact__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none}.klaasje-contact__summary::-webkit-details-marker{display:none}.klaasje-contact__summary:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:4px;border-radius:var(--klaasje-r-box)}.klaasje-contact__question{font-family:var(--klaasje-display-regular);font-weight:400;font-size:clamp(17px,1.7vw,21px);line-height:1.2;letter-spacing:-.01em;color:var(--klaasje-navy);min-width:0}.klaasje-contact__toggle{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--klaasje-contact-line);transition:background-color .2s ease,border-color .2s ease}.klaasje-contact__toggle:before,.klaasje-contact__toggle:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--klaasje-navy);transform:translate(-50%,-50%);transition:transform .25s ease,background-color .2s ease}.klaasje-contact__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.klaasje-contact__details[open] .klaasje-contact__toggle{background:var(--klaasje-navy);border-color:var(--klaasje-navy)}.klaasje-contact__details[open] .klaasje-contact__toggle:before,.klaasje-contact__details[open] .klaasje-contact__toggle:after{background:var(--klaasje-white)}.klaasje-contact__details[open] .klaasje-contact__toggle:after{transform:translate(-50%,-50%) rotate(0)}@media(hover:hover)and (pointer:fine){.klaasje-contact__summary:hover .klaasje-contact__toggle{border-color:var(--klaasje-navy)}}.klaasje-contact__answer{font-family:var(--klaasje-body);font-size:clamp(15px,1.3vw,17px);line-height:1.7;color:#33474f;max-width:60ch;padding:0 52px 24px 0}.klaasje-contact__answer>*:first-child{margin-top:0}.klaasje-contact__answer>*:last-child{margin-bottom:0}.klaasje-contact__answer a{color:var(--klaasje-navy);text-decoration:underline;text-underline-offset:2px}@media screen and (max-width:560px){.klaasje-contact__rij{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:749px){.klaasje-contact{--klaasje-contact-gut: 16px}.klaasje-contact__verstuur{flex-direction:column;align-items:stretch;text-align:center}.klaasje-contact__verstuur .klaasje-btn{box-sizing:border-box;width:100%;justify-content:center}.klaasje-contact__answer{padding-right:0}}@media(prefers-reduced-motion:reduce){.klaasje-contact__veld{transition:none}.klaasje-contact__veld:focus-within{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-contact.css.map */