.contact-form__container{max-width:69.6875rem}.contact-form__container--center{margin-left:auto;margin-right:auto}@media screen and (max-width:1100px){.contact-form__container--center .contact-form__inner{align-items:center}}@media screen and (max-width:1100px){.contact-form__container--center .breadcrumb{max-width:34.3125rem;margin-left:auto;margin-right:auto}}.contact-form__container .breadcrumb{margin-top:0;margin-bottom:1rem}@media screen and (min-width:750px){.contact-form__container .breadcrumb{margin-bottom:2.25rem}}.contact-form__inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem}@media screen and (min-width:1100px){.contact-form__inner{align-items:flex-start;justify-content:space-between;flex-direction:row;gap:5rem}}.contact-form__inner--center{align-items:center}@media screen and (min-width:1100px){.contact-form__inner--center{justify-content:center;align-items:flex-start}}.contact-form__wrapper{flex:none;width:100%;max-width:34.3125rem}@media screen and (min-width:1100px){.contact-form__wrapper{max-width:27.25rem}}.contact-form__title{margin:0 0 .5rem}.contact-form__title>p{margin:0}.contact-form__text{margin:0;margin-bottom:1.5rem;color:rgb(var(--color-foreground),.8)}.contact-form .field__label span{color:#d41f4b}.contact-form .field__input[aria-invalid=true],.contact-form .text-area.field__input[aria-invalid=true]{border-color:rgba(var(--color-error-border))}.contact-form .contact-form__field-error--client[hidden]{display:none}.contact-form__image{width:100%;height:auto;max-width:34.3125rem;border-radius:var(--border-radius-main);overflow:hidden;object-fit:cover;aspect-ratio:var(--aspect-ratio)}@media screen and (min-width:1100px){.contact-form__image{margin-top:1.75rem}}.contact-form .contact-form__field-error .form__message{align-items:flex-start;margin:.625rem 0 0;font-size:.875rem;font-weight:var(--font-body-weight);color:rgba(var(--color-error))}.contact-form .contact-form__field-error .form__message:before{content:"*";color:rgba(var(--color-error));margin-right:.125rem}@media screen and (min-width:750px){.contact-form__fields{display:flex;grid-column-gap:.5rem}}.contact-form .field{margin-bottom:1rem}.contact-form .field .field__input{padding:.75rem 1.5rem}.contact-form .field .field__input::placeholder{text-transform:uppercase}.contact-form .field--checkbox{margin-left:1.75rem}@media screen and (max-width:749px){.contact-form .field--checkbox{width:calc(100% - 1.75rem)}}.contact-form .field--checkbox input[type=checkbox]{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;appearance:none}.contact-form .field--checkbox input[type=checkbox]:focus-visible+label:after{outline:.125rem solid rgba(var(--color-foreground),.3);outline-offset:.125rem}.contact-form .field--checkbox input[type=checkbox][required]+label span:after{margin-left:.3125rem}.contact-form .field--checkbox input[type=checkbox]+label a{text-decoration:underline;text-underline-offset:.125rem}[dir=rtl] .contact-form .field--checkbox{margin-left:0;margin-right:1.75rem}[dir=rtl] .contact-form .field--checkbox input[type=checkbox]+label:before{left:auto;right:-1.4375rem}[dir=rtl] .contact-form .field--checkbox input[type=checkbox]+label:after{left:auto;right:-1.75rem}[dir=rtl] .contact-form .field--checkbox input[type=checkbox]+label .icon-checkmark{left:auto;right:0}.contact-form .text-area{min-height:5.5rem;border-radius:1.25rem}.contact-form__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.contact-form__add-text{max-width:22.1875rem;font-size:.875rem;color:rgb(var(--color-foreground-secondary))}.contact-form__add-text a{text-decoration:none;color:rgb(var(--color-foreground));transition:opacity var(--duration-default)}.contact-form__add-text a:hover{opacity:.7}.contact-form__add-text>*{margin:0}.contact-form .icon-success{margin-top:.125rem}.grecaptcha-badge{visibility:hidden}.contact-form .field .field__input{border-radius:.5625rem}.contact-form .field .field__input:not([aria-invalid=true]):not(:focus){border-color:#d8d1ca}.contact-form .contact-form__bottom .button{font-size:1rem;font-weight:600;text-transform:none}.contact-section:has(#kontaktformular){padding-top:20px}.contact-section:has(#kontaktformular) .contact-form{padding-top:0}.contact-form__inner:has(#kontaktformular) .contact-form__image{max-height:20rem;aspect-ratio:4 / 3;object-position:center 35%}@media(min-width:750px){.contact-form__inner:has(#kontaktformular){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,4vw,3.75rem)}.contact-form__inner:has(#kontaktformular) .contact-form__wrapper{max-width:none}.contact-form__inner:has(#kontaktformular) .contact-form__image{contain:size;width:100%;height:100%;min-height:0;max-height:none;max-width:none;margin:0;aspect-ratio:auto}}body .contact-form__inner:has(#kontaktformular) .contact-form__image{max-width:22.5rem;max-height:none;contain:none;justify-self:center;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top;align-self:center}@media(min-width:750px){body .contact-form__inner:has(#kontaktformular) .contact-form__image{contain:size;height:100%;min-height:0;align-self:stretch;margin-top:0}}#kontaktformular .field:not(.field--checkbox){gap:.3125rem;min-width:0;margin-bottom:.875rem}#kontaktformular .field .field__input{min-width:0;min-height:2.75rem;height:auto;padding:.625rem .75rem;border:.0625rem solid rgba(42,42,42,.35);border-radius:.3125rem;background:var(--yap-white);font:inherit;letter-spacing:0}#kontaktformular .field .field__input[aria-invalid=true]{border-color:rgba(var(--color-error-border))}#kontaktformular .field .field__input::placeholder{font:inherit;text-transform:none}#kontaktformular .field .field__input+label{padding:0;font-size:.875rem;line-height:1.35}#kontaktformular .field .field__input:focus-visible,#kontaktformular .field--checkbox input:focus-visible{outline:.125rem solid var(--yap-charcoal);outline-offset:.125rem}#kontaktformular .field textarea.field__input{min-height:5rem;resize:vertical}#kontaktformular .field--checkbox{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.625rem;width:100%;margin-inline:0}#kontaktformular .field--checkbox input[type=checkbox]{position:static;-webkit-appearance:auto;appearance:auto;width:1.125rem;height:1.125rem;margin:.125rem 0 0;clip:auto;overflow:visible;accent-color:var(--yap-charcoal)}#kontaktformular .field--checkbox input+label{order:0;font-size:.875rem;line-height:1.55;color:rgba(var(--color-foreground),.78)}#kontaktformular .field--checkbox input+label:before,#kontaktformular .field--checkbox input+label:after{display:none}#kontaktformular .contact-form__field-error{grid-column:1 / -1}.contact-form__captcha{font-size:.75rem;line-height:1.4;color:rgba(var(--color-foreground),.78)}.contact-form__captcha a{color:inherit;text-decoration:underline}#kontaktformular .contact-form__bottom .button{width:100%;min-width:0;min-height:3.25rem;height:auto;padding:.625rem .75rem;border-radius:.3125rem;font-family:inherit;line-height:1.35;letter-spacing:0;white-space:normal;justify-content:center;text-align:center}@media(min-width:1200px){#kontaktformular .field:not(.field--checkbox){display:grid;grid-template-columns:11.25rem minmax(0,1fr);align-items:center;gap:.375rem}#kontaktformular .field .field__input{min-height:1.75rem;height:1.75rem;padding:.1875rem .5rem;font-size:.875rem;line-height:1.4}#kontaktformular .field .field__input+label{font-size:.8125rem;line-height:1.3}#kontaktformular .field textarea.field__input{min-height:2.5rem;height:2.5rem}#kontaktformular .field--checkbox input+label{font-size:.8125rem;line-height:1.35}#kontaktformular .contact-form__bottom .button{width:50%;align-self:flex-start;min-height:2.25rem;padding-block:.375rem;font-size:.875rem}}.contact-form__media{display:contents}@media(min-width:750px){.contact-form__inner:has(#kontaktformular) .contact-form__media{display:block;position:relative;contain:size;min-height:0}body .contact-form__inner:has(#kontaktformular) .contact-form__media .contact-form__image{position:absolute;top:0;left:50%;transform:translate(-50%);contain:none;width:auto;height:auto;max-width:min(100%,22.5rem);max-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-form.css.map */