.kontakt{background:var(--color-ayla-cream);flex-direction:column;min-height:100vh;display:flex}.kontakt__inner{flex:1;grid-template-columns:1fr;align-items:center;gap:clamp(3rem,5vw,5rem);max-width:90rem;margin:0 auto;padding:clamp(7rem,12vw,10rem) 6% clamp(3rem,5vw,4rem);display:grid}@media (min-width:1024px){.kontakt__inner{grid-template-columns:1fr 1fr}}.kontakt__form-side{flex-direction:column;display:flex}.kontakt__heading{font-family:var(--font-display);color:var(--color-ayla-green);letter-spacing:.08em;margin-bottom:clamp(2.5rem,4vw,4rem);font-size:clamp(3rem,6.94vw,6.25rem);line-height:1}.kontakt__form{flex-direction:column;gap:clamp(1.5rem,2.5vw,2rem);display:flex}.kontakt__field{position:relative}.kontakt__label{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-ayla-brown);margin-bottom:.5rem;font-size:clamp(.75rem,1vw,.875rem);display:block}.kontakt__input{border:none;border-bottom:1px solid color-mix(in srgb,var(--color-ayla-brown)30%,transparent);width:100%;font-family:var(--font-body);color:var(--color-ayla-brown);background:0 0;outline:none;padding:.5rem 0;font-size:clamp(.875rem,1.1vw,1rem);transition:border-color .3s}.kontakt__input:focus{border-bottom-color:var(--color-ayla-green)}.kontakt__input::placeholder{color:color-mix(in srgb,var(--color-ayla-brown)20%,transparent)}.kontakt__textarea{resize:vertical;min-height:1.5rem;max-height:10rem}.kontakt__submit-wrapper{margin-top:clamp(1rem,2vw,1.5rem);overflow:hidden}.kontakt__submit{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-ayla-cream);background:var(--color-ayla-green);cursor:pointer;opacity:0;border:none;padding:clamp(.875rem,1.5vw,1.125rem) clamp(2rem,3vw,3rem);font-size:clamp(.75rem,1vw,.875rem);transition:background .3s,opacity .3s;transform:translateY(30px)}.kontakt__submit:hover:not(:disabled){background:var(--color-ayla-brown)}.kontakt__submit:disabled{opacity:.6;cursor:not-allowed}.kontakt__status{font-family:var(--font-body);color:var(--color-ayla-green);opacity:0;margin-top:1rem;font-size:clamp(.875rem,1.1vw,1rem)}.kontakt__status--error{color:#8b3a3a}.kontakt__image-side{aspect-ratio:4/5;border-radius:2px;position:relative;overflow:hidden}@media (max-width:1023px){.kontakt__image-side{aspect-ratio:16/9}}.kontakt__image{object-fit:cover}