.ark-kontakt{box-sizing:border-box;width:100%;color:var(--color-text);background-color:var(--color-background)}.ark-kontakt__inner{box-sizing:border-box;width:100%;max-width:var(--ark-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--ark-container-padding);padding-right:var(--ark-container-padding)}.ark-kontakt__layout{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,56px);align-items:start}@media screen and (min-width:900px){.ark-kontakt__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);column-gap:clamp(40px,6vw,80px)}.ark-kontakt__col--form{border-left:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);padding-left:clamp(32px,5vw,64px);padding-top:clamp(16px,2.5vw,28px)}}@media screen and (max-width:899.98px){.ark-kontakt__col--form{margin-top:clamp(8px,2vw,16px);padding-top:clamp(32px,4.5vw,44px);border-top:1px solid color-mix(in srgb,var(--color-text) 16%,transparent)}}.ark-kontakt__col--aside{min-width:0}.ark-kontakt__title{margin:0 0 clamp(16px,2.5vw,24px);font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height);font-size:clamp(32px,4vw,40px);text-transform:uppercase;color:var(--color-text);text-wrap:balance}@media screen and (min-width:1025px){.ark-kontakt__title{font-size:46px}}.ark-kontakt__intro{margin:0 0 clamp(20px,3vw,28px);max-width:40rem;font-family:var(--body-font);font-size:16px;line-height:1.7;color:var(--color-text)}.ark-kontakt__intro p:last-child{margin-bottom:0}.ark-kontakt__rule{display:block;margin:clamp(20px,2.5vw,28px) 0;border:none;border-top:1px solid color-mix(in srgb,var(--color-text) 18%,transparent)}.ark-kontakt__subheading{margin:0 0 clamp(12px,2vw,18px);font-family:var(--heading-font);font-weight:var(--heading-weight);font-size:18px;line-height:1.25;color:var(--color-text);text-wrap:balance}.ark-kontakt__contact-list{display:flex;flex-direction:column;gap:clamp(20px,3vw,28px);margin-top:clamp(8px,1.5vw,14px)}.ark-kontakt__contact-item{display:flex;flex-direction:row;align-items:center;gap:14px;min-width:0;text-decoration:none;color:inherit}a.ark-kontakt__contact-item:hover .ark-kontakt__contact-value{text-decoration:underline;text-underline-offset:.15em}.ark-kontakt__contact-icon-wrap{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-text) 8%,var(--color-input-background));color:var(--color-text)}.ark-kontakt__contact-icon{width:20px;height:20px;display:block}.ark-kontakt__contact-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ark-kontakt__contact-hint{margin:0;font-family:var(--body-font);font-size:13px;line-height:1.45;font-weight:400;color:color-mix(in srgb,var(--color-text) 52%,transparent)}.ark-kontakt__contact-value{margin:0;font-family:var(--body-font);font-size:16px;line-height:1.4;font-weight:600;color:var(--color-text);word-break:break-word}.ark-kontakt__form{width:100%;min-width:0}.ark-kontakt__form .form__message,.ark-kontakt__form .form-status-list{margin-bottom:1.25rem}.ark-kontakt__form-grid{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,22px)}.ark-kontakt__row-two{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.5vw,22px);align-items:start}@media screen and (min-width:600px){.ark-kontakt__row-two{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,20px)}}.ark-kontakt__field{box-sizing:border-box;margin:0}.ark-kontakt__field-control{position:relative;box-sizing:border-box}.ark-kontakt__input{box-sizing:border-box;width:100%;margin:0;padding:24px 16px 12px;font-family:var(--body-font);font-size:16px;line-height:1.45;color:var(--color-text);background-color:var(--color-input-background);border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:10px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ark-kontakt__input:hover{border-color:color-mix(in srgb,var(--color-text) 32%,transparent)}.ark-kontakt__input:focus{border-color:color-mix(in srgb,var(--color-accent) 65%,var(--color-text));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}textarea.ark-kontakt__input{min-height:140px;resize:vertical}.ark-kontakt__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);transform-origin:left center;font-family:var(--body-font);font-size:16px;font-weight:400;line-height:1.2;color:color-mix(in srgb,var(--color-text) 52%,transparent);pointer-events:none;transition:transform .2s ease,top .2s ease,font-size .2s ease,color .2s ease}textarea.ark-kontakt__input~.ark-kontakt__label{top:35px;transform:translateY(-50%)}.ark-kontakt__field:has(.ark-kontakt__input:focus) .ark-kontakt__label,.ark-kontakt__field:has(.ark-kontakt__input:not(:placeholder-shown)) .ark-kontakt__label,.ark-kontakt__field.is-filled .ark-kontakt__label{top:8px;left:16px;transform:translateY(0) scale(.92);font-size:13px;color:color-mix(in srgb,var(--color-text) 62%,transparent)}.ark-kontakt__field:has(textarea.ark-kontakt__input:focus) textarea~.ark-kontakt__label,.ark-kontakt__field:has(textarea.ark-kontakt__input:not(:placeholder-shown)) textarea~.ark-kontakt__label,.ark-kontakt__field.is-filled textarea~.ark-kontakt__label{top:9px;transform:translateY(0) scale(.92);font-size:13px}.ark-kontakt__submit-wrap button.ark-btn{-webkit-appearance:none;appearance:none;font-family:inherit}.ark-kontakt__submit-wrap .ark-btn{min-width:8rem;width:100%;justify-content:center;padding-left:clamp(2.5rem,5vw,3rem);padding-right:clamp(2.5rem,5vw,3rem)}.ark-kontakt__submit-wrap .ark-btn .ark-btn__label-text{font-size:16px}.ark-kontakt__submit-wrap button.ark-btn--cursor-fill{--color-overlay-background: rgb(var(--color-background))}.ark-kontakt__submit-wrap .ark-btn--cursor-fill:hover .ark-btn__label,.ark-kontakt__submit-wrap .ark-btn--cursor-fill.ark-btn--cursor-fill--expanded .ark-btn__label{color:var(--color-button-primary-background)}.ark-kontakt__submit-wrap .ark-btn--cursor-fill:hover .ark-btn__label svg,.ark-kontakt__submit-wrap .ark-btn--cursor-fill.ark-btn--cursor-fill--expanded .ark-btn__label svg{stroke:currentColor}@media screen and (min-width:480px){.ark-kontakt__submit-wrap .ark-btn{width:auto}}.ark-kontakt__field-error{display:block;margin-top:8px;font-size:14px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ark-kontakt__field-error.hidden{display:none}.ark-kontakt__field.has-error .ark-kontakt__input{border-color:color-mix(in srgb,var(--color-text) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 25%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ark-kontakt.css.map */