:root{--gray:#ccccd7;--gray-l:#eeeef4;--col1:#102045;--col2:#e6eef1;--col3:#0ff;--color-danger:#ea0000;--color-warning:#faa00f;--color-success:#00cd37;--fk-bg-button:#102045;--fk-font-size-legend:1rem;--fk-font-size-label:1rem;--fk-font-size-option:1rem;--fk-color-primary:var(--col1);--fk-color-error:var(--color-danger);--fk-bg-button-hover:#fff;--col-button-hover:var(--col1)}html{font-size:20px}body{font-family:Hind,Arial,sans-serif;color:var(--col1);font-size:1rem;line-height:180%;margin:0;--multistep-color-success:#102045}#app{display:flex;flex-direction:column;min-height:100vh}#app>h1{display:none}#header{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;padding:20px;box-sizing:border-box}.logo{max-width:200px;width:100%}.logo img{display:block}#header .pageTitle{max-width:calc(100% - 250px)}#header h1{margin:0;text-align:right}h1{font-size:2.4rem;line-height:120%;font-weight:400;text-align:center}#main{padding-left:20px;padding-right:20px;flex:1}.formkit-form{max-width:100%;display:flex;width:100%;gap:20px;margin-top:1em;margin-bottom:1em;align-items:flex-start}.form-body{border:1px solid var(--gray);border-radius:.5em;box-shadow:.25em .25em 1em 0 rgba(0,0,0,.1);padding:2em;width:100%;box-sizing:border-box}section>h2:first-child{margin-top:0}[data-type=checkbox] fieldset.formkit-fieldset,[data-type=radio] fieldset.formkit-fieldset{padding-left:0;padding-right:0;border:0;width:100%;max-width:100%}.formkit-legend{padding:0}[data-type=button] .formkit-input{transition:all .3s ease-in-out}[data-type=button] .formkit-input:hover{border-color:var(--col1);color:var(--col1)}.steps{list-style-type:none;margin:0;display:flex;padding-left:0;overflow:hidden;width:25vw;gap:0;flex-direction:column;min-width:35px}.step{height:auto;width:100%;text-align:left;gap:20px;display:flex;align-items:flex-start;flex-direction:row;flex-grow:1;flex-shrink:0;position:relative}.step:hover{cursor:pointer}.step:before{background:#fff;border:5px solid var(--gray);border-radius:999em;content:"";display:block;margin-bottom:.5rem;z-index:2;flex-shrink:0;height:30px;width:30px;box-sizing:border-box}.step:after{background:var(--gray);content:"";display:block;position:absolute;height:100%;left:13px;top:10px;width:5px}.step:last-child:after{display:none}.step--label{font-size:.8rem;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.step--not-active{pointer-events:none;color:#999}[data-step-active=true] .step--label{font-weight:700}.step--errors,.step--icon{position:absolute;top:0;left:0;height:30px;width:30px;z-index:10;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:.25rem;font-size:.66rem;border-radius:999em;color:#fff;border:5px solid;box-sizing:border-box}.step--icon{border-color:transparent}[data-step-active=true] .step--icon{background:var(--multistep-color-success);border-color:var(--multistep-color-success)}.step--errors{background:var(--color-danger);border-color:var(--color-danger)}.step-nav{display:flex;margin-top:2em;margin-bottom:1em;justify-content:space-between}.step-nav button{display:inline-block}.step-nav button:after{content:"";width:1rem;height:1rem;margin-left:10px;display:inline-block;vertical-align:middle;flex-shrink:0}.next-btn button:after{content:url(/img/arrow-right-solid.bfb0a556.svg)}.previous-btn button:after{display:none}.previous-btn button:before{margin-right:10px;content:url(/img/arrow-right-solid.bfb0a556.svg);transform:rotate(-180deg)}.previous-btn button:before,.send-btn button:after{width:1rem;height:1rem;flex-shrink:0;display:inline-block;align-self:end}.send-btn button:after{margin-left:10px;content:url(/img/paper-plane-solid.11ae9319.svg)}.save-btn button:before{width:1rem;height:1rem;margin-right:10px;flex-shrink:0;content:url(/img/floppy-disk-solid.9f7836cc.svg)}.next-btn button:after,.previous-btn button:before,.save-btn button:before,.send-btn button:after{filter:invert(98%) sepia(7%) saturate(117%) hue-rotate(3deg) brightness(119%) contrast(100%);transition:all .3s ease-in-out}.next-btn button:hover:after,.previous-btn button:hover:before,.save-btn button:hover:before,.send-btn button:hover:after{filter:invert(7%) sepia(73%) saturate(2463%) hue-rotate(213deg) brightness(95%) contrast(92%)}.formkit-outer[data-type=submit] .formkit-wrapper{padding:0 2em 1em 2em;display:flex}.formkit-outer[data-type=submit] .formkit-input{margin-left:auto;margin-right:0}details{border:1px solid var(--gray);background:var(--gray-l);border-radius:.15em;padding:1em;display:none}.formkit-form>.formkit-messages{padding:0 2em 0 2em}.formkit-form>.formkit-messages:last-child{padding:0 2em 2em 2em}.formkit-label{margin-bottom:.25rem}[data-errors=true] .formkit-label{color:var(--color-danger)}.formkit-wrapper{max-width:100%}button:hover,summary{cursor:pointer}p small{color:#999}.message{background-color:var(--color-success);display:flex;gap:10px;align-items:center;padding:10px 20px;border-radius:5px;margin:1rem 0;color:#fff}.message:before{content:"✔";margin-right:5px;font-size:1.5rem}.message-warning{display:flex;gap:10px;align-items:center;padding:10px 20px;border:1px solid var(--color-danger);border-radius:5px;margin:1rem 0}.message-warning:before{content:"⚠";display:inline-flex;width:1.5rem;height:1.5rem}.message-info,.message-warning:before{color:var(--color-danger)}#footer{background-color:var(--col1);position:relative;color:#fff}#footer:after{position:absolute;content:"";width:15vw;height:10vw;max-width:296px;max-height:193px;bottom:0;right:0;background-image:url(https://www.bethel-regional.de/files/bethel_theme/layout_bilder/bethel_signet_footer.svg);background-size:cover;pointer-events:none}#footer a:focus,#footer a:hover{text-decoration-color:var(--col3)}.footer__content{margin-right:auto;margin-left:auto;padding:20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.footer__logo{width:40%;max-width:260px}.footer__infos{width:60%}.footer__infos a{color:var(--col2)}.footer__logo .image_container{max-width:260px;margin-inline-start:0}#footer img{display:block}.footer__navi ul{max-width:250px;margin-top:0;margin-bottom:0;padding-left:0;list-style-type:none;display:flex}.footer__navi li{border-right:1px solid var(--col2)}.footer__navi li:last-child{border-right:0}.footer__navi a{display:block;text-decoration:none;padding:5px 10px;color:var(--col1);font-size:.8rem;line-height:150%}.footer__navi a:focus,.footer__navi a:hover{text-decoration:underline}.footer__legal-content{background-color:#fff;overflow:hidden;display:flex;justify-content:space-between;padding:20px;color:var(--col1)}.footer__copyright{font-size:.8rem;line-height:150%;margin:0;padding:5px 0}@media (max-width:770px){h1{font-size:1.6rem}.footer__content{flex-wrap:wrap}.footer__infos,.footer__logo{width:100%}}@media screen and (max-width:540px){h1{font-size:1.5rem}h2{font-size:1.2rem;line-height:130%}.steps{width:40px}.formkit-form{gap:15px}.form-body{padding:1em}.formkit-input{padding:10px;font-size:.9rem}.step-nav{flex-wrap:wrap}.formkit-outer[data-type=submit] .formkit-wrapper{padding:0 1em 1em 1em;display:flex}[data-type=button] .formkit-input,[data-type=submit] .formkit-input{padding:10px 15px}.formkit-form>.formkit-messages{padding:0 1em 0 1em}.formkit-form>.formkit-messages:last-child{padding:0 1em 1em 1em}}@media (max-width:470px){html{font-size:16px}#header .pageTitle{max-width:100%;order:1}#header h1{text-align:center}.logo{margin-left:auto;margin-right:auto;max-width:150px}#main{padding-left:10px;padding-right:5px}ul{padding-left:1rem}#app .source-content{padding:.5em}.formkit-form{gap:5px}.form-body{padding:1em;box-shadow:none}.formkit-input::-moz-placeholder{font-size:.8em}.formkit-input::placeholder,select.formkit-input[data-placeholder]{font-size:.8em}.steps{width:25px;min-width:25px}.step--errors,.step--icon,.step:before{border-width:2px;height:25px;width:25px}.step:after{left:12px;width:2px}.step--errors,.step--icon{padding:0}[data-type=button] .formkit-input,[data-type=submit] .formkit-input{font-size:1rem}.step-nav .next-btn,.step-nav .previous-btn,.step-nav [data-type=button] .formkit-input{width:100%}.step-nav .previous-btn button{justify-content:start}.step-nav .next-btn button{justify-content:end}#footer:after{width:35vw;height:35vw}}