@keyframes checkPop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-10px)rotate(0)}15%{opacity:1}to{transform:translate(var(--dx), 120px) rotate(260deg);opacity:0}}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.35}}.sf{color:#333;width:100%;font-family:Open Sans,Open Sans Fallback,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}.sf h1{outline:none}.sf-intro{background:#1c3b58;align-items:flex-end;min-height:max(30rem,100svh - 5.5rem);display:flex;position:relative;overflow:hidden}.sf-intro-bild{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sf-intro-verlauf{background:linear-gradient(#0f1b2626 0%,#0f1b268c 45%,#0f1b26eb 100%);position:absolute;inset:0}.sf-intro-text{box-sizing:border-box;color:#fff;flex-direction:column;gap:1rem;width:100%;max-width:75rem;margin:0 auto;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,3rem);display:flex;position:relative}.sf-intro h1{color:#fff;letter-spacing:-.02em;margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:800;line-height:1.05}.sf-intro-sub{text-wrap:balance;max-width:34rem;margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:clamp(1.25rem,2.8vw,2rem);font-weight:700;line-height:1.2}.sf-intro-p{max-width:34rem;margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.sf-intro-beruf:not([hidden]){background:#ffffff29;border-radius:999px;align-self:flex-start;margin:0;padding:.375rem .75rem;font-size:.9375rem;display:inline-flex}.sf-intro-beruf strong{color:#fff;margin-left:.3em}.sf-intro-cta{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;max-width:24rem;margin-top:.75rem;display:flex}.sf-intro-cta button{color:#fff;cursor:pointer;background:#0077c0;border:0;border-radius:10px;width:100%;min-height:56px;font-family:Montserrat,system-ui,sans-serif;font-size:1.0625rem;font-weight:700;box-shadow:0 12px 24px #0077c04d}.sf-intro-cta button:hover{background:#2a547b}.sf-intro-cta span{align-self:center;font-size:.9375rem}.sf-intro-cta a,.sf-intro-cta a:hover{color:#fff;text-underline-offset:3px;align-self:center;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.sf-intro-cta button:focus-visible,.sf-intro-cta a:focus-visible{outline-color:#f8b133}.sf-schritte{box-sizing:border-box;background:linear-gradient(#f7f8f9 0%,#fff 40%);min-height:calc(100svh - 5.5rem);padding:clamp(1rem,3vw,2rem) clamp(1rem,5vw,3rem) clamp(2rem,5vw,4rem)}.sf-spalte{flex-direction:column;gap:1.25rem;max-width:36rem;margin:0 auto;display:flex}.sf-kopf{flex-direction:column;gap:.625rem;display:flex}.sf-kopfzeile{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.sf-zurueck{color:#0077c0;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;min-height:44px;padding:0;font-family:Montserrat,system-ui,sans-serif;font-size:.9375rem;font-weight:600;display:inline-flex}.sf-zurueck.unsichtbar{visibility:hidden}.sf-schritt-nr{letter-spacing:.12em;text-transform:uppercase;color:#556778;font-family:Montserrat,system-ui,sans-serif;font-size:.75rem;font-weight:700}.sf-segmente{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));gap:6px;display:grid}.sf-segment{background:#e4e8ed;border-radius:999px;height:5px;overflow:hidden}.sf-segment span{transform-origin:0;background:#0077c0;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:block;transform:scaleX(0)}.sf-segment.an span{transform:scaleX(1)}.sf-wechsel{flex-direction:column;gap:1.25rem;transition:opacity .26s cubic-bezier(.2,.7,.2,1),transform .26s cubic-bezier(.2,.7,.2,1);display:flex}.sf-wechsel.raus{opacity:0;transition:none}.sf-titel{flex-direction:column;gap:.375rem;display:flex}.sf-eyebrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-bottom:.25rem;display:flex}.sf-eyebrow>span{letter-spacing:.14em;text-transform:uppercase;color:#0077c0;font-family:Montserrat,system-ui,sans-serif;font-size:.75rem;font-weight:700}.sf-eyebrow a,.sf-eyebrow a:hover{color:#2a547b;background:#eef7fc;border:1.5px solid #0077c0;border-radius:999px;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;font-family:Montserrat,system-ui,sans-serif;font-size:.875rem;font-weight:700;text-decoration:none;transition:background .2s cubic-bezier(.2,.7,.2,1),color .2s;display:inline-flex}.sf-eyebrow a:hover{color:#fff;background:#0077c0}.sf-schritte h1{letter-spacing:-.015em;color:#1c3b58;text-wrap:balance;margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:clamp(1.625rem,4.4vw,2.25rem);font-weight:800;line-height:1.15}.sf-sub{color:#0077c0;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.5}.sf-beruf{color:#556778;margin:.25rem 0 0;font-size:.875rem}.sf-optionen{flex-direction:column;gap:.625rem;display:flex}.sf-option{text-align:left;color:#1c3b58;cursor:pointer;background:#fff;border:1px solid #e4e8ed;border-radius:14px;align-items:center;gap:.875rem;width:100%;min-height:60px;padding:.625rem 1rem;font-family:Montserrat,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 1px 2px #0f1b260a}.sf-option[aria-checked=true]{background:#eef7fc;border:2px solid #0077c0;box-shadow:0 0 0 3px #0077c01f}.sf-option-icon{color:#0077c0;background:#eef7fc;border-radius:10px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.sf-option-text{flex:1;min-width:0}.sf-radio{box-sizing:border-box;border:1.5px solid #a9b4c0;border-radius:999px;flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;display:grid}.sf-radio:after{content:"";opacity:0;background:#0077c0;border-radius:999px;width:.625rem;height:.625rem}[aria-checked=true]>.sf-radio{border:2px solid #0077c0}[aria-checked=true]>.sf-radio:after{opacity:1}.sf-medien{flex-direction:column;gap:1rem;display:flex}.sf-medien-wahl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.sf-medium{text-align:left;cursor:pointer;color:#1c3b58;background:#fff;border:1px solid #e4e8ed;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.5rem;min-height:7.5rem;padding:1rem;display:flex}.sf-medium[aria-checked=true]{background:#eef7fc;border:2px solid #0077c0}.sf-medium-icon{color:#0077c0;background:#eef7fc;border-radius:10px;place-items:center;width:2.25rem;height:2.25rem;display:grid}.sf-medium-label{font-family:Montserrat,system-ui,sans-serif;font-size:.9375rem;font-weight:700;line-height:1.25}.sf-medium-hint{color:#556778;font-size:.8125rem;line-height:1.4}.sf-recorder{text-align:center;background:#eef7fc;border-radius:14px;flex-direction:column;align-items:center;gap:.875rem;padding:1.25rem;display:flex}.sf-recorder video{object-fit:cover;background:#1c3b58;border-radius:10px;width:100%;max-height:18rem}.sf-recorder audio{width:100%}.sf-pegel{align-items:center;gap:4px;height:2.5rem;display:flex}.sf-pegel span{background:#0077c0;border-radius:2px;width:4px;height:6px;transition:height 90ms linear}.sf-rec-info{color:#35485b;margin:0;font-size:.875rem}.sf-rec-knoepfe{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.sf-rec-knoepfe button{color:#0077c0;cursor:pointer;background:#fff;border:1.5px solid #0077c0;border-radius:10px;min-height:44px;padding:0 1rem;font-family:Montserrat,system-ui,sans-serif;font-weight:700}.sf-rec-knoepfe button+button{color:#313a44;border-color:#ced5dd}.sf-rec-start{color:#fff;cursor:pointer;background:#0077c0;border:0;border-radius:999px;place-items:center;width:4rem;height:4rem;display:grid;box-shadow:0 0 0 8px #0077c01f}.sf-rec-start.laeuft{background:#b3000b}.sf-rec-text{flex-direction:column;gap:.125rem;display:flex}.sf-rec-titel{color:#1c3b58;font-family:Montserrat,system-ui,sans-serif;font-weight:700}.sf-rec-hint{color:#556778;font-size:.8125rem}.sf-datei-link{color:#2a547b;cursor:pointer;text-underline-offset:3px;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;text-decoration:underline;display:inline-flex;position:relative}.sf-datei-input{opacity:0;width:1px;height:1px;position:absolute}.sf-datei-link:focus-within,.sf-upload:focus-within{outline-offset:3px;outline:3px solid #0077c0}.sf-feld{flex-direction:column;gap:.375rem;display:flex}.sf-label{color:#1c3b58;font-family:Montserrat,system-ui,sans-serif;font-size:.9375rem;font-weight:600}.sf-input,.sf-textarea{box-sizing:border-box;width:100%;font:inherit;color:#313a44;background:#fff;border:1px solid #ced5dd;border-radius:6px;font-size:1rem}.sf-input{min-height:48px;padding:0 .875rem}.sf-textarea{resize:vertical;padding:.75rem .875rem;line-height:1.5}.sf-input:focus,.sf-textarea:focus{border-color:#0077c0;outline:none;box-shadow:0 0 0 3px #0077c047}.sf-input[aria-invalid=true]{border:1.5px solid #b3000b}.sf-zaehler{color:#556778;align-self:flex-end;font-size:.8125rem}.sf-fehler{color:#b3000b;font-size:.875rem}p.sf-fehler{margin:0}.sf-fehler-gross{color:#b3000b;margin:0;font-size:.9375rem;line-height:1.5}.sf-oder{text-align:center;color:#556778;font-size:.875rem}.sf-form{flex-direction:column;gap:1rem;display:flex}.sf-upload{cursor:pointer;color:#0077c0;background:#fff;border:1.5px dashed #a9b4c0;border-radius:10px;align-items:center;gap:.75rem;min-height:52px;padding:0 1rem;font-weight:600;display:flex;position:relative}.sf-upload span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sf-klein{color:#556778;font-size:.8125rem}.sf-hinweis{color:#35485b;background:#eef7fc;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.sf-hinweis svg{color:#0077c0;flex-shrink:0;margin-top:.1rem}.sf-hinweis a,.sf-hinweis a:hover{color:#2a547b;text-decoration:underline}.sf-check{cursor:pointer;color:#313a44;align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.5;display:flex}.sf-check input{accent-color:#0077c0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:.125rem 0 0}.sf-check a{color:#0077c0}.sf-check-fehler{margin-top:-.5rem}.sf-honig{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sf-sendefehler{color:#8a0009;background:#fbe6e4;border-radius:10px;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5}.sf-senden,.sf-weiter{color:#fff;cursor:pointer;background:#0077c0;border:0;border-radius:10px;min-height:56px;font-family:Montserrat,system-ui,sans-serif;font-size:1.0625rem;font-weight:700;transition:opacity .2s}.sf-senden:hover:not(:disabled){background:#1c3b58}.sf-senden:disabled{opacity:.6;cursor:progress}.sf-weiter:disabled{opacity:.4;cursor:not-allowed}.sf-submit-hint{text-align:center;color:#556778;font-size:.875rem}.sf-danke{box-sizing:border-box;background:linear-gradient(#f7f8f9 0%,#fff 50%);padding:clamp(2.5rem,7vw,5rem) clamp(1rem,5vw,3rem) clamp(2rem,5vw,4rem)}.sf-danke-spalte{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:36rem;margin:0 auto;display:flex;position:relative}.sf-haken-box{width:5.5rem;height:5.5rem;position:relative}.sf-haken{color:#fff;background:#0077c0;border-radius:999px;place-items:center;animation:.52s cubic-bezier(.2,.9,.15,1.05) both checkPop;display:grid;position:absolute;inset:0;box-shadow:0 12px 28px #0077c04d}.sf-konfetti{opacity:0;width:8px;height:8px;animation:1.6s cubic-bezier(.2,.7,.2,1) forwards confettiFall;position:absolute;top:40%;left:50%}.sf-danke h1{color:#1c3b58;text-wrap:balance;margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:clamp(1.75rem,4.6vw,2.5rem);font-weight:800;line-height:1.15}.sf-danke p{color:#35485b;text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.6}.sf-danke a,.sf-danke a:hover{color:#fff;background:#0077c0;border-radius:10px;justify-content:center;align-items:center;min-height:52px;padding:0 1.5rem;font-family:Montserrat,system-ui,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.sf-danke a:hover{background:#1c3b58}.sf-danke img{aspect-ratio:4/3;object-fit:cover;border-radius:22px;width:100%;height:auto;margin-top:1rem}