@charset "UTF-8";
.frame-type-form_formframework form .form-check-input[type="checkbox"] :hover,.frame-type-form_formframework form .form-check-input[type="checkbox"]~label:hover{cursor:pointer}.frame-type-form_formframework form .form-check-input[type="checkbox"]:checked::after{margin-left:0.35rem;margin-top:0px}form .input-group{display:flex;width:100%}form .input-group [class^="col"]:first-child{padding-right:10px}form .input-group [class^="col"]:last-child{padding-left:10px}form .form-element{margin-bottom:30px}form .form-element .form-outline{position:relative;height:fit-content;z-index:1}form .form-element .form-outline label{display:none}form .form-element .form-outline:has([type=text])::before,form .form-element .form-outline:has(textarea)::before{content:"";background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/textbox_background.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:absolute;width:100%;height:calc(100% + 10px);left:0px;top:-5px;z-index:-1}form .form-element .form-outline input,form .form-element .form-outline textarea{border-radius:10px;border:2px solid var(--colorWhite);background:var(--colorDark);width:100%;padding:10px;color:var(--colorWhite)}form .form-element .form-outline textarea{min-height:150px}form .form-element .add-on.form-check{display:flex;align-items:center}form .form-element .add-on.form-check input{height:60px;width:60px;background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/checkbox.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;appearance:none;position:relative;cursor:pointer}form .form-element .add-on.form-check input::after{content:"";height:50px;width:80px;background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/checkmark.webp);position:absolute;left:-15px;top:0;background-size:contain;transform-origin:center;transition:100ms ease-in-out all;transform:scale(0);background-repeat:no-repeat}form .form-element .add-on.form-check input:checked::after{transform:scale(1)}form .form-element .add-on.form-check label{display:block;color:var(--colorWhite);margin-left:10px}form .form-element .add-on.form-check label a{color:var(--colorPrimary);font-weight:800}form .form-element .add-on.form-check label a:hover{color:var(--colorSecondary)}form .form-navigation{width:fit-content;margin-left:auto}form .btn-primary{font-weight:800;min-width:200px;margin-left:auto}form .btn-primary::after{content:""}