.cs-contact .cs-only-desktop{display:none}.cs-contact .cs-only-mobiel{display:inline}@media screen and (min-width:990px){.cs-contact .cs-only-desktop{display:inline}.cs-contact .cs-only-mobiel{display:none}}.cs-contact{background:var(--cs-white);font-family:var(--cs-font-ui)}.cs-contact__inner{display:flex;flex-direction:column}.cs-contact__opties{padding:0 18px 32px;display:flex;flex-direction:column;gap:10px}.cs-contact__optie{background:var(--cs-offwhite);border-radius:var(--cs-radius);padding:16px;display:flex;gap:12px;align-items:flex-start}.cs-contact__optie-icoon{width:36px;height:36px;border-radius:50%;background:var(--cs-white);color:var(--cs-green);display:flex;align-items:center;justify-content:center;flex:none}.cs-contact__optie-icoon svg{width:15px;height:15px}.cs-contact__optie-tekst{display:flex;flex-direction:column;gap:2px}.cs-contact__optie-titel{font-size:14px;font-weight:600;color:var(--cs-dark)}.cs-contact__optie-waarde{font-size:12.5px;color:var(--cs-text)}.cs-contact__optie-waarde--lopend{line-height:1.5}.cs-contact__optie-sub{font-size:11.5px;color:var(--cs-text-warm)}.cs-contact__optie-link{font-size:12.5px;font-weight:600;color:var(--cs-orange);text-decoration:none;width:fit-content;position:relative}.cs-contact__optie-link:after{content:"";position:absolute;top:-13px;right:0;bottom:-13px;left:0}.cs-contact__optie-link:hover{color:var(--cs-orange-hover)}.cs-contact__bedrijf{display:none}.cs-contact__formkaart{margin:0 18px 36px;background:var(--cs-white);border:1px solid var(--cs-border);border-radius:var(--cs-radius-m);padding:22px 18px;display:flex;flex-direction:column;gap:14px}.cs-contact__formkop{display:flex;flex-direction:column;gap:3px}.cs-contact__formtitel{font-family:var(--cs-font-ui);font-size:17px;font-weight:600;color:var(--cs-dark);margin:0;line-height:normal}.cs-contact__formsub{font-size:12.5px;color:var(--cs-text-soft);margin:0}.cs-contact__form{display:flex;flex-direction:column;gap:14px}.cs-contact__succes{background:var(--cs-success-bg);color:var(--cs-success);border-radius:var(--cs-radius-s);padding:12px 14px;font-size:13px;line-height:1.5;margin:0}.cs-contact__fouten{border:1px solid var(--cs-border-warm);border-radius:var(--cs-radius-s);padding:12px 14px;font-size:13px;line-height:1.5;color:var(--cs-text)}.cs-contact__fouten ul{margin:0;padding-left:18px}.cs-contact__rij{display:flex;flex-direction:column;gap:14px}.cs-contact__veld{display:flex;flex-direction:column;gap:5px}.cs-contact__label{font-size:12.5px;font-weight:600;color:var(--cs-dark)}.cs-contact__input{appearance:none;-webkit-appearance:none;width:100%;background:var(--cs-white);border:1px solid var(--cs-border-warm);border-radius:var(--cs-radius-s);padding:12px 13px;font-family:var(--cs-font-ui);font-size:13px;color:var(--cs-dark);line-height:normal}.cs-contact__input::placeholder{color:var(--cs-price-old);opacity:1}.cs-contact__input:focus-visible{outline:2px solid var(--cs-green);outline-offset:1px}.cs-contact__selectwrap{position:relative;display:block}.cs-contact__select{padding-right:36px;cursor:pointer}.cs-contact__chevron{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--cs-chip-text);pointer-events:none}.cs-contact .cs-contact__chips.cs-only-desktop{display:none}.cs-contact__chip{border:1px solid var(--cs-border-warm);border-radius:var(--cs-pill);padding:5px 12px;font-size:12px;font-weight:600;color:var(--cs-chip-text);background:var(--cs-white);font-family:var(--cs-font-ui);cursor:pointer}.cs-contact__chip:hover{border-color:var(--cs-green);color:var(--cs-green)}.cs-contact__chip:focus-visible{outline:2px solid var(--cs-green);outline-offset:2px}.cs-contact__textarea{min-height:90px;resize:vertical}.cs-contact__onderrij{display:flex;flex-direction:column;gap:14px}.cs-contact__verstuur{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--cs-orange);color:var(--cs-white);border:0;border-radius:var(--cs-radius);padding:15px;font-family:var(--cs-font-ui);font-size:14.5px;font-weight:600;cursor:pointer}.cs-contact__verstuur:hover{background:var(--cs-orange-hover)}.cs-contact__verstuur:focus-visible{outline:2px solid var(--cs-green);outline-offset:2px}.cs-contact__verstuur svg{width:14px;height:14px;flex:none}.cs-contact__privacy{font-size:11px;color:var(--cs-text-warm);text-align:center;line-height:1.5;order:2}.cs-contact__onderrij .cs-contact__verstuur{order:1}@media screen and (min-width:990px){.cs-contact__inner{max-width:1260px;margin:0 auto;padding:0 64px 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.cs-contact__opties{padding:0;gap:14px}.cs-contact__optie{border-radius:var(--cs-radius-m);padding:24px 26px;gap:16px}.cs-contact__optie-icoon{width:44px;height:44px}.cs-contact__optie-icoon svg{width:19px;height:19px}.cs-contact__optie-tekst{gap:3px}.cs-contact__optie-titel{font-size:16.5px}.cs-contact__optie-waarde{font-size:14.5px}.cs-contact__optie-sub{font-size:13px}.cs-contact__optie-link{font-size:14px;margin-top:2px}.cs-contact__bedrijf{display:flex;flex-direction:column;gap:6px;background:var(--cs-white);border:1px solid var(--cs-border);border-radius:var(--cs-radius-m);padding:20px 26px}.cs-contact__bedrijf-kop{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cs-text-warm)}.cs-contact__bedrijf-tekst{font-size:14px;color:var(--cs-text);line-height:1.6}.cs-contact__formkaart{margin:0;border-radius:20px;padding:36px 40px;gap:18px}.cs-contact__formkop{gap:4px}.cs-contact__formtitel{font-size:22px}.cs-contact__formsub{font-size:14px}.cs-contact__form{gap:18px}.cs-contact__rij{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-contact__veld{gap:6px}.cs-contact__label{font-size:13.5px}.cs-contact__input{padding:13px 15px;font-size:14.5px}.cs-contact__chevron{right:15px;width:14px;height:14px}.cs-contact .cs-contact__chips.cs-only-desktop{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.cs-contact__textarea{min-height:110px}.cs-contact__onderrij{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.cs-contact__privacy{font-size:12.5px;text-align:left;max-width:280px;order:1}.cs-contact__onderrij .cs-contact__verstuur{order:2;width:auto;border-radius:var(--cs-pill);padding:15px 30px;font-size:15px;gap:9px;flex:none}.cs-contact__verstuur svg{width:15px;height:15px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cs-contact.css.map */