.bewerbung-form{--active-step: 1;--bewerbung-form-primary-color: var(--primary);--bewerbung-form-secondary-color: var(--secondary);--bewerbung-form-primary-text-color: var(--primary-contrast);--bewerbung-form-secondary-text-color: var(--secondary-contrast);--item-card-primary-color: var(--primary);--item-card-secondary-color: var(--secondary);--item-card-primary-text-color: var(--primary-contrast);--item-card-secondary-text-color: var(--secondary-contrast);--item-card-body-color: transparent;--item-card-body-text-color: var(--black);max-width:800px;margin:0 auto}.bewerbung-form .input-wrapper{margin:10px 0}.bewerbung-form .bewerbung-form-container{display:flex;overflow:hidden;gap:2rem;margin:0;height:var(--target-height, auto);transition:height .4s}.bewerbung-form .bewerbung-form-container .bewerbung-form-step{transform:translateX(0);transition:transform .4s,height .4s;width:100%;flex:100% 0 0;padding:2px}.bewerbung-form .bewerbung-status-wrapper{display:none}.bewerbung-form .bewerbung-status{--step-bar-value: 5%}.bewerbung-form .bewerbung-status .status-labels,.bewerbung-form .bewerbung-status .status-bar-old{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.bewerbung-form .bewerbung-status .status-bar-old{position:relative}.bewerbung-form .bewerbung-status .status-bar-old:before{align-self:center;position:absolute;width:80%;height:.4rem;background-color:#fff;content:"";margin-left:10%;margin-right:10%;z-index:0;transition:background .4s;background-image:linear-gradient(to right, var(--bewerbung-form-primary-color) 0%, var(--bewerbung-form-primary-color) var(--step-bar-value, 0), transparent var(--step-bar-value, 0), transparent 100%)}.bewerbung-form .bewerbung-status .status-bar-old .step{z-index:2;position:relative}.bewerbung-form .bewerbung-status .status-bar-old .step:nth-child(1) .icon{--icon-width: calc(var(--step-bar-value, 0) * 4);background-image:linear-gradient(to right, var(--bewerbung-form-primary-color) 0%, var(--bewerbung-form-primary-color) var(--icon-width), transparent var(--icon-width), transparent 100%)}.bewerbung-form .bewerbung-status .status-bar-old .step:nth-child(2) .icon{--icon-width: calc((var(--step-bar-value, 0) - 25%) * 4);background-image:linear-gradient(to right, var(--bewerbung-form-primary-color) 0%, var(--bewerbung-form-primary-color) var(--icon-width), transparent var(--icon-width), transparent 100%)}.bewerbung-form .bewerbung-status .step{display:flex;justify-content:center}.bewerbung-form .bewerbung-status .step .icon{width:2rem;aspect-ratio:1;border-radius:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}.bewerbung-form .status-bar{--progress-color:var(--bewerbung-form-primary-color);position:relative;height:2.5rem;display:flex;justify-content:space-between;align-items:center}.bewerbung-form .status-bar .progress-mask{position:absolute;width:100%;height:100%;pointer-events:none}.bewerbung-form .status-bar .progress-mask rect{fill:var(--progress-color, #aaff00);transition:width .4s ease}.bewerbung-form .status-bar .step{position:relative;width:2rem;height:2rem;background-color:#fff;border:.2rem solid var(--neutral-light);border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:bold;color:var(--neutral-dark)}.bewerbung-form .status-bar .step.completed{background-color:var(--progress-color);border-color:var(--progress-color);color:#fff}.bewerbung-form .bewerbung-form-step:not(:has(input[id=payment_radio_lastschrift]:checked)) .bewerbung-form-group.lastschrift{display:none}.bewerbung-form .bewerbung-form-step.additional:not(:has(input[name=ermaessigung]:checked)) .row.ermaessigung-upload{display:none}.bewerbung-form .bewerbung-form-loader{font-size:5rem;padding:1rem;text-align:center;color:var(--bewerbung-form-primary-color);display:none}.bewerbung-form .group-buttons{padding:calc(1rem + 2px)}.bewerbung-form .btn-bewerbung-primary{display:inline-block;vertical-align:top;background-color:var(--bewerbung-form-primary-color);color:var(--bewerbung-form-primary-text-color);width:calc(50% - .5rem);margin-left:1rem;padding:10px 20px}.bewerbung-form .btn-bewerbung-secondary{display:inline-block;vertical-align:top;background-color:var(--bewerbung-form-secondary-color);color:var(--bewerbung-form-secondary-text-color);width:calc(50% - .5rem);padding:10px 20px}.bewerbung-form .masked-element{width:100%;background-color:#fff;background-image:linear-gradient(to right, var(--bewerbung-form-primary-color) 0%, var(--bewerbung-form-primary-color) var(--step-bar-value, 0), transparent var(--step-bar-value, 0), transparent 100%);clip-path:url(#circle-line-clip)}.bewerbung-form:has(.bewerbung-form-step.variant.active) .btn-bewerbung-secondary{visibility:hidden}.bewerbung-form .hints{margin-top:1rem}.bewerbung-form .group-address-beschenkte{display:none}.bewerbung-form:has(input[name=variant][value=mitgliedschaft-verschenken]:checked) .bewerbung-form-group.group-address .group-address-beschenkte{display:block}@media screen and (max-width: 520px){.bewerbung-form .bewerbung-status-wrapper{overflow:hidden;max-width:100%}.bewerbung-form .bewerbung-status{width:250vw;margin-left:calc(-25vw - 50vw*var(--step-bar-number, 0))}.bewerbung-form .bewerbung-form-container{padding-left:1rem;padding-right:1rem}.bewerbung-form .bewerbung-form-container .bewerbung-form-step{overflow:visible}.flag-telephone,.flag-magazin{display:none}}.input-label-container:not(:has(input[required])) label:not(.select-arrow):after{content:" (optional)"}/*# sourceMappingURL=formular.min.css.map */
