.form__heading{display:flex;align-items:baseline;justify-content:flex-end;button{display:grid;width:2rem;height:2rem;padding:.5rem;border:none;background:none;cursor:pointer;&:hover{svg path{fill:#787878}}}svg{width:100%;height:100%}}fieldset{border:none}label{font-weight:500;font-size:.675rem}.btn{padding:.25rem .675rem;border:none;border-radius:.25rem;background:#000;color:#fff;cursor:pointer}.btn:hover{background:#373737;color:#f5f5f5}.btn:disabled{background:#dcdcdc;color:#4a4a4a;cursor:no-drop}.contact-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100% - 32px)}.form__header{display:flex;justify-content:center;h3{margin-block:.25rem 1.5rem;font-size:1.25rem;text-align:center;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.5rem}}.form{display:grid;grid-template-rows:auto 1fr auto;height:100%;gap:1.5rem}.form__body{display:grid;align-content:flex-start;overflow-y:auto;gap:1.5rem;.half_layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.streetLayout{display:grid;grid-template-columns:3fr 1fr;gap:2rem}.locationLayout{display:grid;grid-template-columns:4fr 7fr;gap:2rem}.dog{border:1px solid black;border-radius:.5rem;border-top-color:var(--c-green-800)}.btn_dog{padding:.5rem .75rem;background:#fff;cursor:pointer;&:hover{background:#000;color:#fff}}.dogLayout{display:grid;grid-template-columns:1fr 1fr;padding:.75rem;gap:1rem;.field__textarea{grid-column:span 2}}}.form__footer{justify-self:center;.form__step{display:flex;justify-content:center;margin-block:.5rem}.form__nav{display:flex;justify-content:center;gap:1.5rem}}.field--error{input{border-color:red!important}.error{margin-top:.5rem;color:red;font-size:.75rem;line-height:1.35;text-wrap:pretty}}.form__step{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.form__step__bubble{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:.5rem;border-radius:100%;background:#f5f5f5;line-height:1;cursor:pointer;&:hover{background:#dcdcdc}&.active{background:var(--c-green-400);&:hover{background:var(--c-green-800);color:#fff}}}.form__step__divider{align-self:center;width:1.5rem;height:2px;background:#dcdcdc;&.active{background:var(--c-green-400)}&:last-child{display:none}}.date{display:grid;.ant-picker-outlined{border-top:0;border-width:2px;border-radius:0;border-inline:0;border-color:var(--c-grey-400)}.ant-picker-input-active{border-color:var(--c-green-800)}}.form__body .info-text{display:flex;flex-direction:column;margin-top:1rem;padding-top:1rem;gap:.25rem;border-top:1px solid var(--c-grey-400);font-size:.75rem;span{line-height:1}}.checkbox label{display:flex;align-items:center;gap:.5rem}.dirty-info{font-size:.75rem}.dog__title{display:flex;grid-column:span 2;justify-content:space-between;padding-inline:.5rem;padding-block:.5rem .25rem;border-radius:.5rem .5rem 0 0;background:var(--c-green-800);color:#fff;font-size:.875rem;button{display:grid;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;&:hover{opacity:.5}}}#kontakt{display:grid;z-index:2;grid-template-rows:auto auto 1fr;width:min(30rem,100%);height:min(40rem,100vh);margin:auto;inset:0;padding:2rem;overflow-y:auto;border:4px solid black;border-radius:.5rem;background:#fff;isolation:isolate}#buchung{position:fixed;right:2rem;bottom:4rem;padding:.5rem .75rem;border:none;border-radius:5px;background:var(--c-green-400);color:#fff;cursor:pointer}.btn--close{all:unset;justify-self:end;cursor:pointer}.loadingOverlay{display:flex;z-index:1000;position:absolute;align-items:center;justify-content:center;inset:0;background:#000000bf;color:#fff;font-size:1.25rem;.text{animation:hide 1.5s infinite ease-in-out alternate-reverse}}@keyframes hide{0%{opacity:.2}to{opacity:.8}}.ant-picker-panel-container{.ant-picker-presets{min-height:25rem!important}@media (max-width: 800px){height:400px;overflow:scroll!important;.ant-picker-panel-layout{flex-direction:column!important;.ant-picker-presets{max-width:100%!important;min-height:10rem!important}.ant-picker-panels,.ant-picker-datetime-panel{flex-direction:column!important}}}}