@charset "UTF-8";
form .form-element{margin-bottom:20px}form .form-element .form-outline{display:flex;align-items:center;position:relative}form .form-element .form-outline .form-notch{display:none}form .form-element .form-outline::before{font-family:"Font Awesome 6 Free";font-weight:900;background:var(--colorDark);height:100%;display:inline-block;padding:8px;margin-right:-5px;color:var(--colorWhite)}form .form-element .form-outline input{border:3px solid var(--colorDark);box-shadow:inset -3px 3px 0px #a4a4a6;padding:5px 10px;width:100%;max-width:500px}form .form-element .form-outline input:focus-visible{outline:none;border:3px solid var(--colorPrimary)}form .form-element .form-outline input.active{outline:none;border:3px solid var(--colorPrimary)}form .form-element .form-outline label{position:absolute;left:45px;top:2px;color:var(--colorLightHover);bottom:0;margin:auto;height:fit-content;pointer-events:none}form .form-element .form-outline:has(input:focus-visible) label{opacity:0}form .form-element .form-outline:has(input.active) label{opacity:0}form .form-element .form-outline:has([type= text])::before{content:""}form .form-element .form-outline:has([type= email])::before{content:""}form .form-element .form-outline:has([type= tel])::before{content:""}form .form-element .form-check{max-width:500px;position:relative;display:flex;align-items:center}form .form-element .form-check input{border:3px solid var(--colorDark);height:40px;width:40px;box-shadow:inset -3px 3px 0px var(--colorLightHover);border-radius:0px;display:block;appearance:none;cursor:pointer}form .form-element .form-check label{margin-left:10px}form .form-element .form-check::after{content:"";background:url("/typo3conf/ext/wr_designblank/Resources/Public/Images/SmallElements/checkmark.svg");height:50px;width:50px;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;top:-13px;transform:rotate(19deg);pointer-events:none}form .form-element:last-of-type{margin-bottom:0px}form .form-check-input[type="checkbox"] :hover,form .form-check-input[type="checkbox"]~label:hover{cursor:pointer}form .form-check-input[type="checkbox"]:checked::after{margin-left:0.35rem;margin-top:0px}