:root{--form-description-bgc:#044f82;--form-description-color:#fff;--form-description-icon-bgc:#f5f0eb;--form-loader-bgc:rgba(255, 255, 255, 0.8);--form-options-columns:2;--form-validation-checks-bgc:#f5f0eb;--form-message-bgc:#000;--form-message-color:#fff;--form-field-spacing:0.75rem;--form-edit-icon-width:30px}.form{container:form/inline-size;overflow-anchor:none;position:relative}.form__group--address,.form__group--name{-webkit-column-gap:var(--form-field-spacing);-moz-column-gap:var(--form-field-spacing);column-gap:var(--form-field-spacing);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form__group--address .form__field,.form__group--name .form__field{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.form__group--address .form__field:has(input[name^=housenrAddition]),.form__group--address .form__field:has(input[name^=housenr]){-ms-flex-preferred-size:calc(50% - var(--form-field-spacing));flex-basis:calc(50% - var(--form-field-spacing))}.form__group--name .form__field:has(input[name^=firstname]),.form__group--name .form__field:has(input[name^=initials]),.form__group--name .form__field:has(input[name^=middlename]){-ms-flex-preferred-size:calc(50% - var(--form-field-spacing));flex-basis:calc(50% - var(--form-field-spacing))}.form__group--fold{display:none;opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.form__group--fold.is-shown{display:block}.form__group--fold.is-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s .2s cubic-bezier(.22, 1, .36, 1),-webkit-transform 1s .2s cubic-bezier(.22, 1, .36, 1);transition:opacity 1s .2s cubic-bezier(.22, 1, .36, 1),-webkit-transform 1s .2s cubic-bezier(.22, 1, .36, 1);transition:transform 1s .2s cubic-bezier(.22, 1, .36, 1),opacity 1s .2s cubic-bezier(.22, 1, .36, 1);transition:transform 1s .2s cubic-bezier(.22, 1, .36, 1),opacity 1s .2s cubic-bezier(.22, 1, .36, 1),-webkit-transform 1s .2s cubic-bezier(.22, 1, .36, 1)}.form__group.is-hidden{display:none}.form__field{display:block;margin-bottom:var(--form-field-spacing)}.form__field--checkbox,.form__field--radio{margin:1rem 0}.form__field--checkbox .form__label,.form__field--radio .form__label{margin-bottom:.75rem}.form__field--checkbox:first-of-type,.form__field--radio:first-of-type{margin-top:0}.form__field--heading{margin:2rem 0 1rem}.form__field--heading.is-first{margin-top:0}.form__field.is-hidden{display:none}.form__payment-option.is-hidden,.form__payment.is-hidden{display:none}.form__payment{margin-top:2rem}.form__button-fold.is-hidden{display:none}.form__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.form__buttons--step{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.form__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;margin-top:20px}.form__title{font-weight:700;line-height:1.25;color:var(--form-title-color);font-size:1.5rem;margin:0 0 .75rem}.form__title.is-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.form__label{color:var(--form-label-color);display:block;font-size:var(--text-font-size-medium);font-weight:700;line-height:1.2;margin:0 0 8px;width:100%}.form__label.is-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.is-required .form__label::after{color:currentColor;content:"*";display:inline-block;font-size:.75rem;text-align:right;width:10px}.is-error .form__label{--form-label-color:#991f00}.form__label--empty{display:none}.form__hint,.form__text{color:var(--form-text-color);display:block;font-size:var(--text-font-size-medium);line-height:1.25;margin:0;width:100%}.form__hint{font-size:var(--text-font-size-small);margin-top:6px}.form__text p:last-child{margin-bottom:0}.form__text a:not([class]){color:#044f82}.form__text--required{font-size:var(--text-font-size-small);margin-top:1.5rem}.form__error{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--form-error);display:none;font-size:var(--text-font-size-small);gap:8px;line-height:1;margin:6px 0 0}.is-error .form__error{display:-webkit-box;display:-ms-flexbox;display:flex}.form__error::before{height:16px;width:16px}.form__warning{color:var(--form-warning);line-height:1;margin:6px 0 0}.form__validation-checks{background:var(--form-validation-checks-bgc);border-radius:3px;margin-top:10px;padding:10px}.form__validation-check{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--text-font-size-small);gap:8px;line-height:1.4;margin:0;padding-left:22px;position:relative}.form__validation-check::before{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23539407%22%20d%3D%22M32%206.364l-2.545-2.546-19.273%2019.273-7.637-7.636L0%2018l10.182%2010.182z%22%2F%3E%3C%2Fsvg%3E");display:none;height:14px;left:0;line-height:1;position:absolute;width:14px}.form__validation-check[aria-invalid=false]::before{display:block}.form__iban,.form__input,.form__select{position:relative;width:100%}.is-valid .form__iban::after,.is-valid .form__input::after,.is-valid .form__select::after{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23539407%22%20d%3D%22M32%206.364l-2.545-2.546-19.273%2019.273-7.637-7.636L0%2018l10.182%2010.182z%22%2F%3E%3C%2Fsvg%3E");bottom:10px;display:block;height:16px;line-height:1;pointer-events:none;position:absolute;right:10px;width:16px}.form__prefix{bottom:var(--form-input-padding-vertical);color:var(--form-prefix-color);left:var(--form-input-padding-horizontal);line-height:1.4;position:absolute}.form__prefix~input,.form__prefix~select{padding-left:calc(var(--form-input-padding-horizontal) + 1rem)}.form__select{position:relative}.form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form__select::before{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");bottom:10px;display:block;height:15px;line-height:1;pointer-events:none;position:absolute;right:10px;width:15px}.is-error .form__select::after,.is-valid .form__select::after{right:2rem}.form__checkboxes,.form__options,.form__radios{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.form__checkboxes--vertical,.form__options--vertical,.form__radios--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form__checkboxes+.form__error,.form__checkboxes+.form__hint,.form__options+.form__error,.form__options+.form__hint,.form__radios+.form__error,.form__radios+.form__hint{margin-top:10px;padding-left:0}.form__checkbox,.form__radio{display:-webkit-box;display:-ms-flexbox;display:flex}.form__checkbox input,.form__radio input{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.form__checkbox label,.form__radio label{line-height:1.2;margin:0 0 0 8px}.form__checkbox label:has(.form__hint),.form__radio label:has(.form__hint){font-weight:700}.form__checkbox label .form__hint,.form__radio label .form__hint{font-weight:400;margin-top:4px;padding-left:0}.is-required .form__checkbox:only-child label::after,.is-required .form__radio:only-child label::after{color:currentColor;content:"*";display:inline-block;font-size:.75rem;text-align:right;width:10px}.form__options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.form__options+.form__error,.form__options+.form__hint{margin-top:10px;padding-left:0}.form__option{-webkit-box-flex:0;-ms-flex:0 1 calc(100% / var(--form-options-columns) - 8px / var(--form-options-columns) * (var(--form-options-columns) - 1));flex:0 1 calc(100% / var(--form-options-columns) - 8px / var(--form-options-columns) * (var(--form-options-columns) - 1));position:relative}.form__option.is-hidden{display:none}.form__option input{height:14px;left:30px;margin:0;position:absolute;top:30px;width:14px}.form__option input:focus-visible~label{outline:2px solid var(--form-input-outline-focus)}.form__option input:checked~label{--form-input-bgc:#044f82;--form-input-border:#044f82;--form-input-color:#fff}.form__option label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--form-input-bgc);border:1px solid var(--form-input-border);border-radius:var(--form-input-border-radius);color:var(--form-input-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;gap:8px;margin:0;min-width:70px;padding:1rem;position:relative;-webkit-transition:background-color .2s,border-color .2s,color .2s,-webkit-box-shadow .2s;transition:background-color .2s,border-color .2s,color .2s,-webkit-box-shadow .2s;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s;white-space:nowrap}.form__option label:hover{-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border)}.is-error .form__option label{--form-input-bgc:#fdeeec;--form-input-border:#991f00;-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border)}.form__option .icon{display:block;fill:currentColor;height:22px;width:22px}.form__tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.form__tabs+.form__error,.form__tabs+.form__hint{margin-top:10px;padding-left:0}.form__tab{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:-1px;position:relative}.form__tab input{height:14px;left:30px;margin:0;position:absolute;top:30px;width:14px}.form__tab input:focus-visible~label{outline:2px solid var(--form-input-outline-focus);z-index:1}.form__tab input:checked~label{--form-input-bgc:#044f82;--form-input-border:#044f82;--form-input-color:#fff}.form__tab label{background-color:var(--form-input-bgc);border:1px solid var(--form-input-border);color:var(--form-input-color);cursor:pointer;display:block;font-weight:700;margin:0;min-width:70px;padding:1rem;position:relative;text-align:center;-webkit-transition:background-color .2s,border-color .2s,color .2s,-webkit-box-shadow .2s;transition:background-color .2s,border-color .2s,color .2s,-webkit-box-shadow .2s;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s;white-space:nowrap}.form__tab label:hover{-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border);z-index:1}.is-error .form__tab label{--form-input-bgc:#fdeeec;--form-input-border:#991f00;-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border)}.form__tab:first-child label{border-bottom-left-radius:3px;border-top-left-radius:3px}.form__tab:last-child{margin-right:0}.form__tab:last-child label{border-bottom-right-radius:3px;border-top-right-radius:3px}.form__tab.has-description input:checked~label::before{border-bottom:16px solid var(--form-description-bgc);border-left:14px solid transparent;border-right:14px solid transparent;bottom:-22px;content:"";height:0;left:50%;margin-left:-14px;position:absolute;width:0}.form__iban{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--form-input-bgc);border:1px solid var(--form-input-border);border-radius:var(--form-input-border-radius);-webkit-box-shadow:none;box-shadow:none;color:var(--form-input-color);font-family:Mark,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;outline:0;padding:var(--form-input-padding-vertical) var(--form-input-padding-horizontal);-webkit-transition:background-color .2s,border-color .2s,-webkit-box-shadow .2s ease;transition:background-color .2s,border-color .2s,-webkit-box-shadow .2s ease;transition:background-color .2s,border-color .2s,box-shadow .2s ease;transition:background-color .2s,border-color .2s,box-shadow .2s ease,-webkit-box-shadow .2s ease;width:100%}.form__iban::-webkit-input-placeholder{color:var(--form-input-placeholder)}.form__iban::-moz-placeholder{color:var(--form-input-placeholder)}.form__iban:-ms-input-placeholder{color:var(--form-input-placeholder)}.form__iban::-ms-input-placeholder{color:var(--form-input-placeholder)}.form__iban::placeholder{color:var(--form-input-placeholder)}.form__iban:focus-visible{-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border);outline:2px solid var(--form-input-outline-focus);outline-offset:1px}.form__iban:disabled{--form-input-bgc:var(--form-input-disabled-bgc);--form-input-color:var(--form-input-disabled-color)}.is-error .form__iban{--form-input-bgc:#fdeeec;--form-input-border:#991f00;-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border)}.form__iban:focus-within{-webkit-box-shadow:0 0 0 1px var(--form-input-border);box-shadow:0 0 0 1px var(--form-input-border);outline:2px solid var(--form-input-outline-focus);outline-offset:1px}.form__iban:focus-within~.form__validation-checks{display:block}.form__iban:disabled{--form-input-bgc:var(--form-input-bgc);--form-input-color:var(--form-input-color)}.form__iban [data-iban-main]{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;padding:0!important}.form__iban~.form__validation-checks{display:none}.form__iban-fields{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.form__iban-fields input{border:none;-webkit-box-sizing:content-box;box-sizing:content-box;height:24px;padding:0!important;width:48px}.form__iban-fields input:focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:0}.form__iban-fields input[data-iban-controlcode],.form__iban-fields input[data-iban-country]{width:25px}.is-error .form__iban-fields input{--form-input-border:transparent;--form-input-bgc:transparent;-webkit-box-shadow:none;box-shadow:none}.form__description{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--form-description-bgc);border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;height:auto;margin-top:20px;max-height:200px;opacity:1;overflow:hidden;padding:1rem;position:relative;-webkit-transition:.2s opacity ease-in-out;transition:.2s opacity ease-in-out;transition-behavior:allow-discrete}.form__description.is-hidden{display:none;opacity:0}.form__description-icon-circle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--form-description-icon-bgc);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px}.form__description-icon{height:44px;width:44px}.form__description-text{color:var(--form-description-color);font-size:var(--text-font-size-medium);margin:0}.form__description-text span{font-weight:700}.form__message{--text-color:var(--form-message-color);--text-font-size:var(--text-font-size-small);background-color:var(--form-message-bgc);border-radius:3px;color:var(--form-message-color);-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;line-height:1.6;margin-bottom:var(--form-field-spacing);opacity:1;padding:20px;position:relative;-webkit-transition:.2s display,opacity ease-in-out;transition:.2s display,opacity ease-in-out;transition-behavior:allow-discrete}.form__message p{font-size:var(--text-font-size-small);margin:0}.form__message p.is-hidden{display:none}.form__message .spinner{margin:.5rem 0 0}.form__message .spinner.is-hidden{display:none}.form__message--address{--form-message-bgc:#dcd2be;--form-message-color:#000;display:grid;grid-template-columns:1fr var(--form-edit-icon-width)}.form__message--loading{--form-message-bgc:#dcd2be;--form-message-color:#000}.form__message--overlay{left:50%;position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);margin:0;top:2rem;width:min(100%,300px);z-index:11}.form__message.is-hidden{display:none;opacity:0}.form__message-title{font-weight:700;grid-column:span 2}.form__edit{height:var(--form-edit-icon-width);line-height:1;padding:4px;width:var(--form-edit-icon-width)}.form__edit span{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.form__edit.is-hidden{display:none}.form__close,.form__edit{border:1px solid transparent;border-radius:2px;height:24px;line-height:1;padding:2px;-webkit-transition:border-color .2s;transition:border-color .2s;width:24px}.form__close:focus,.form__close:hover,.form__edit:focus,.form__edit:hover{border:1px solid var(--form-message-color)}.form__close span,.form__edit span{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.form__close{position:absolute;right:5px;top:5px}.form__close::before{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32%203.223L28.777%200%2016%2012.777%203.223%200%200%203.223%2012.777%2016%200%2028.777%203.223%2032%2016%2019.223%2028.777%2032%2032%2028.777%2019.223%2016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.form__overlay{background:var(--form-loader-bgc);display:none;inset:-4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:100px;position:absolute;z-index:5}.form__spinner{display:none}.form.is-error .form__overlay,.form.is-loading .form__overlay,.form.is-submitting .form__overlay,.form.is-success .form__overlay{display:-webkit-box;display:-ms-flexbox;display:flex}.form.is-loading{height:375px;overflow:hidden}.form.is-loading .form__spinner{display:block}.form.is-submitting .form__spinner{display:block}.form--beige{--form-description-bgc:#fff}.form--beige .form__message--address,.form--beige .form__message--loading{--form-message-bgc:#fff}@container form (width < 380px){.form__tab label{min-width:0;padding:1rem .5rem}}@container form (width > 410px){.form__group--address .form__field{-ms-flex-preferred-size:calc(50% - var(--form-field-spacing));flex-basis:calc(50% - var(--form-field-spacing))}.form__group--address .form__field:has(input[name^=housenrAddition]),.form__group--address .form__field:has(input[name^=housenr]),.form__group--address .form__field:has(input[name^=postcode]){-ms-flex-preferred-size:calc(33% - var(--form-field-spacing));flex-basis:calc(33% - var(--form-field-spacing))}.form__group--name .form__field:has(input[name^=initials]){-ms-flex-preferred-size:calc(23% - var(--form-field-spacing));flex-basis:calc(23% - var(--form-field-spacing))}.form__group--name .form__field:has(input[name^=firstname]){-ms-flex-preferred-size:calc(34% - var(--form-field-spacing));flex-basis:calc(34% - var(--form-field-spacing))}.form__group--name .form__field:has(input[name^=middlename]){-ms-flex-preferred-size:calc(20% - var(--form-field-spacing));flex-basis:calc(20% - var(--form-field-spacing))}.form__group--name .form__field:has(input[name^=lastname]){-ms-flex-preferred-size:42%;flex-basis:42%}}