.klar-contact{padding-top:var(--kcf-padding-top, 80px);padding-bottom:var(--kcf-padding-bottom, 80px);background:var(--kcf-section-bg, #ffffff);color:var(--kcf-text, #17181a);font-family:Inter,var(--font-stack-body),Arial,sans-serif}.klar-contact *,.klar-contact *:before,.klar-contact *:after{box-sizing:border-box}.klar-contact .container{width:100%;max-width:var(--kcf-container-max-width, 1200px);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.klar-contact__inner{display:flex;flex-direction:column;align-items:center;gap:var(--kcf-inner-gap, 40px);width:100%}.klar-contact__header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:var(--kcf-header-max-width, 620px);text-align:center}.klar-contact__heading{margin:0;color:var(--kcf-heading-color, #17181a);font-family:Nunito,var(--font-stack-header),sans-serif;font-size:var(--kcf-heading-size, 48px);font-weight:700;line-height:var(--kcf-heading-line-height, 56px);letter-spacing:-1.15px}.klar-contact__subheading{margin:0;width:100%;color:var(--kcf-subheading-color, #17181a);font-size:var(--kcf-subheading-size, 16px);font-weight:500;line-height:var(--kcf-subheading-line-height, 24px);letter-spacing:.03em}.klar-contact__subheading p{margin:0}.klar-contact__layout{display:grid;width:100%;grid-template-columns:380px minmax(0,1fr);column-gap:24px;align-items:start}.klar-contact__sidebar{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}.klar-contact__info-card{display:flex;flex-direction:column;width:100%;padding:12px 0;border:1px solid var(--kcf-border, #c3c4c2);border-radius:20px;background:#fff;overflow:hidden}.klar-contact__info-row{display:flex;align-items:center;gap:16px;width:100%;padding:20px 20px 20px 32px}.klar-contact__info-row+.klar-contact__info-row{border-top:1px solid var(--kcf-border, #c3c4c2)}.klar-contact__info-icon,.klar-contact__trust-icon{flex-shrink:0;width:36px;height:36px;color:#17181a}.klar-contact__info-icon img,.klar-contact__info-icon svg,.klar-contact__trust-icon img,.klar-contact__trust-icon svg{display:block;width:100%;height:100%;object-fit:contain}.klar-contact__info-body{display:flex;min-width:0;flex-direction:column;gap:1px;align-items:flex-start;max-width:222px}.klar-contact__info-title{margin:0;color:#17181a;font-size:18px;font-weight:500;line-height:28px}.klar-contact__info-text{margin:0;color:#17181a;font-size:12px;font-weight:400;line-height:18px}.klar-contact__info-text--email,.klar-contact__info-text--email a{color:var(--kcf-accent, #6e8575);font-weight:500;text-decoration:none}.klar-contact__info-text--email a:hover{text-decoration:underline}.klar-contact__info-text p{margin:0}.klar-contact__trust-card{display:flex;flex-direction:column;width:100%;padding:12px 0;border-radius:20px;background:var(--kcf-trust-bg, #f3f5f4)}.klar-contact__trust-row{display:flex;align-items:center;gap:16px;width:100%;padding:20px 20px 20px 32px}.klar-contact__trust-body{display:flex;min-width:0;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.klar-contact__trust-title{margin:0;color:#17181a;font-family:Nunito,var(--font-stack-header),sans-serif;font-size:20px;font-weight:700;line-height:26px;letter-spacing:-.6px;text-transform:uppercase}.klar-contact__trust-text{margin:0;color:#17181a;font-size:14px;font-weight:500;line-height:20px}.klar-contact__form-card{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0;padding:40px;border:1px solid var(--kcf-border, #c3c4c2);border-radius:20px;background:#fff}.klar-contact__form-header{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.klar-contact__form-title{margin:0;color:#17181a;font-family:Nunito,var(--font-stack-header),sans-serif;font-size:32px;font-weight:700;line-height:normal;letter-spacing:-.04px}.klar-contact__form-subtitle{margin:0;color:#17181a;font-size:16px;font-weight:400;line-height:24px}.klar-contact__form-subtitle p{margin:0}.klar-contact__form{display:flex;flex-direction:column;gap:20px;width:100%}.klar-contact__status{margin:0;font-size:14px;font-weight:500;line-height:1.4}.klar-contact__status--success{color:#1a7a3a}.klar-contact__status--error{color:#b42318}.klar-contact__topic{display:flex;flex-direction:column;gap:12px;width:100%}.klar-contact__label{display:block;margin:0;color:#17181a;font-size:16px;font-weight:500;line-height:24px}.klar-contact__label-hint{color:#a4a5a4;font-weight:500}.klar-contact__categories{display:flex;flex-wrap:wrap;gap:8px 4px;align-items:center}.klar-contact__category{position:relative;display:inline-flex}.klar-contact__category input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.klar-contact__category-text{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid var(--kcf-border, #c3c4c2);border-radius:999px;background:#faf9f6;color:#17181a;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.klar-contact__category input:checked+.klar-contact__category-text{background:var(--kcf-accent, #6e8575);border-color:var(--kcf-accent, #6e8575);color:#fff;font-weight:600}.klar-contact__category input:focus-visible+.klar-contact__category-text{outline:2px solid var(--kcf-accent, #6e8575);outline-offset:2px}.klar-contact__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.klar-contact__field{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.klar-contact__field--pair{gap:5.99px}.klar-contact__input,.klar-contact__textarea{width:100%;margin:0;padding:15px 14px;border:1px solid var(--kcf-border, #c3c4c2);border-radius:10px;background:#f4f4f2;color:#17181a;font-family:inherit;font-size:15px;font-weight:400;line-height:normal;outline:none;appearance:none;-webkit-appearance:none;box-shadow:none}.klar-contact__input::placeholder,.klar-contact__textarea::placeholder{color:#6b6c6c}.klar-contact__input:focus,.klar-contact__textarea:focus{border-color:#a8a9a7}.klar-contact__input:invalid:not(:placeholder-shown):not(:focus),.klar-contact__textarea:invalid:not(:placeholder-shown):not(:focus){border-color:#b42318}.klar-contact__field-error{display:none;margin:2px 0 0;color:#b42318;font-size:12px;font-weight:500;line-height:16px}.klar-contact__field.is-invalid .klar-contact__field-error{display:block}.klar-contact__field.is-invalid .klar-contact__input,.klar-contact__field.is-invalid .klar-contact__textarea{border-color:#b42318}.klar-contact__textarea{min-height:130px;padding-top:14px;line-height:24px;resize:vertical}.klar-contact__consent{display:flex;align-items:center;gap:10px;width:100%;padding-bottom:13px}.klar-contact__consent-input{flex-shrink:0;width:17px;height:17px;accent-color:var(--kcf-accent, #17181A);cursor:pointer}.klar-contact__consent-text{margin:0;color:#17181a;font-size:13.5px;font-weight:400;line-height:21.6px}.klar-contact__consent-text a{color:var(--kcf-accent, #6e8575);text-decoration:underline;text-underline-offset:2px}.klar-contact__consent-text p{margin:0}.klar-contact__submit{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:0;padding:14px 32px;border:none;border-radius:40px;background:#17181a;color:#f8f6f1;font-family:inherit;font-size:16px;font-weight:500;line-height:normal;cursor:pointer;transition:opacity .15s ease;letter-spacing:.04em}.klar-contact__submit:hover{opacity:.88}.klar-contact__submit:disabled{opacity:.55;cursor:not-allowed}@media screen and (max-width:1279px){.klar-contact .container{padding-left:64px;padding-right:64px;max-width:none}}@media screen and (max-width:899px){.klar-contact{padding-top:var(--kcf-padding-top-mobile, 64px);padding-bottom:var(--kcf-padding-bottom-mobile, 64px)}.klar-contact .container{max-width:100%;padding-left:16px;padding-right:16px}.klar-contact__inner{gap:24px}.klar-contact__heading{font-size:36px;line-height:44px}.klar-contact__layout{grid-template-columns:1fr;gap:20px}.klar-contact__sidebar{display:contents}.klar-contact__info-card{order:1;padding:8px 0}.klar-contact__form-card{order:2;gap:20px;padding:25px 17px}.klar-contact__trust-card{order:3}.klar-contact__form-title{font-size:28px}.klar-contact__form-subtitle{font-size:14px;line-height:20px}.klar-contact__row{grid-template-columns:1fr}.klar-contact__consent{align-items:flex-start;padding-bottom:0}.klar-contact__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/klar-contact.css.map */