@property --cf-angle{syntax:"<angle>";inherits:false;initial-value:0deg}body.page-kontakt .section-hero{text-align:center;align-items:center}body.page-kontakt .section-hero .page-title{max-width:20ch;margin-left:auto;margin-right:auto}body.page-kontakt .section-hero .section-sub{margin-left:auto;margin-right:auto}body.page-kontakt .contact-section{align-items:center}body.page-kontakt .contact-section .section-counter{right:3.125rem}body.page-kontakt .contact-form-wrap{-webkit-backdrop-filter:blur(10px);isolation:isolate;box-sizing:border-box;opacity:0;will-change:opacity, transform;background:#00000008;border-radius:2rem;width:100%;max-width:32rem;margin:2rem auto 0;padding:3rem;transition:opacity .7s ease-out,transform .7s ease-out;position:relative;transform:translateY(20px)}body.page-kontakt .contact-form-wrap.is-visible{opacity:1;transform:none}body.page-kontakt .contact-form-wrap:before{content:"";border-radius:inherit;background:conic-gradient(from var(--cf-angle), #0091ff, #7a4dff, #f09, red, #7a4dff, #0091ff);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;animation:6s linear infinite cf-border-flow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes cf-border-flow{to{--cf-angle:360deg}}body.page-kontakt .contact-form{flex-direction:column;gap:.5rem;display:flex}body.page-kontakt .field{padding:.75rem 0 .5rem;position:relative}body.page-kontakt .field label{font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;color:#000;opacity:.55;margin-bottom:.4rem;font-family:Sarabun,sans-serif;font-size:.7rem;font-weight:400;display:block}body.page-kontakt .field input,body.page-kontakt .field textarea{box-sizing:border-box;color:#000;background:0 0;border:0;border-bottom:1px solid #0003;border-radius:0;outline:none;width:100%;padding:.6rem 0 .75rem;font-family:Sarabun,sans-serif;font-size:1rem;font-weight:300;line-height:1.5;transition:border-color .2s}body.page-kontakt .field input::placeholder,body.page-kontakt .field textarea::placeholder{color:#000;opacity:.4}body.page-kontakt .field textarea{resize:vertical;min-height:6.5rem}body.page-kontakt .field:after{content:"";transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#0091ff,#f09,red);height:2px;transition:transform .35s;position:absolute;bottom:.5rem;left:0;right:0;transform:scaleX(0)}body.page-kontakt .field:focus-within:after{transform:scaleX(1)}body.page-kontakt .field:focus-within input,body.page-kontakt .field:focus-within textarea{border-bottom-color:#0000}body.page-kontakt .contact-form.was-validated .field input:invalid,body.page-kontakt .contact-form.was-validated .field textarea:invalid{border-bottom-color:#ff00008c}body.page-kontakt .cf-hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}body.page-kontakt .contact-submit{letter-spacing:1.2px;color:#000;isolation:isolate;cursor:pointer;background:#fff6;border:1px solid #000;align-self:flex-start;margin-top:2rem;padding:1.1rem 3.25rem;font-size:1rem;transition:color .3s,transform .2s;position:relative;overflow:hidden}body.page-kontakt .contact-submit:before{content:"";transform-origin:0;z-index:-1;background:linear-gradient(90deg,#0091ff,#f09,red);transition:transform .45s;position:absolute;inset:0;transform:scaleX(0)}body.page-kontakt .contact-submit:hover:not(:disabled){color:#fff;transform:translateY(-2px)}body.page-kontakt .contact-submit:hover:not(:disabled):before{transform:scaleX(1)}body.page-kontakt .contact-submit:disabled{opacity:.65;cursor:progress}body.page-kontakt .contact-hint{color:#000;opacity:.55;max-width:none;margin:1rem 0 0;font-family:Sarabun,sans-serif;font-size:.8rem;font-weight:300}body.page-kontakt .contact-error{color:#c00000;max-width:none;margin:1.25rem 0 0;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:400}body.page-kontakt .contact-form{transition:opacity .4s,transform .4s}body.page-kontakt .contact-form-wrap.is-sent .contact-form{opacity:0;pointer-events:none;position:absolute;inset:3rem;transform:translateY(-8px)}body.page-kontakt .contact-success{text-align:center;padding:2rem 0;font-family:Sarabun,sans-serif}body.page-kontakt .contact-success p{color:#000;opacity:.85;max-width:none;margin:0;font-size:1.15rem;font-weight:300;line-height:1.6}@media (prefers-reduced-motion:reduce){body.page-kontakt .contact-form-wrap:before{background:linear-gradient(135deg,#0091ff,#f09,red);animation:none}body.page-kontakt .contact-form-wrap{opacity:1;transition:none;transform:none}body.page-kontakt .contact-submit,body.page-kontakt .contact-submit:before,body.page-kontakt .field:after,body.page-kontakt .contact-form{transition:none}}@media (width<=800px){body.page-kontakt .contact-form-wrap{border-radius:1.5rem;padding:2rem 1.5rem}body.page-kontakt .contact-submit{text-align:center;width:100%;padding:1rem 1.5rem}body.page-kontakt .contact-form-wrap.is-sent .contact-form{inset:2rem 1.5rem}}