/* Unfallformular – gekapselte Styles (.uf-root). Generiert aus dem Prototyp. */
.uf-root{
    --red:#C4262A; --red-dark:#9E1E22; --red-soft:#FBECEC;
    --ink:#1B1718; --muted:#736A6C; --line:#E7E0E0;
    --canvas:#F6F2F1; --card:#FFFFFF; --field:#FBFAFA; --field-focus:#FFFFFF;
    --success:#1F7A4D; --success-soft:#E7F2EC;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --radius:14px; --radius-sm:10px;
    --shadow:0 1px 2px rgba(27,23,24,.04),0 12px 32px -12px rgba(27,23,24,.18);
  }
.uf-root *{box-sizing:border-box}
.uf-root{
    font-family:var(--sans); color:var(--ink);
    background:radial-gradient(120% 60% at 50% -10%, rgba(196,38,42,.06), transparent 60%),var(--canvas);
    min-height:100vh; display:flex; flex-direction:column; align-items:center;
    padding:26px 16px 64px; line-height:1.5; -webkit-font-smoothing:antialiased;
  }
.uf-root .brand{width:100%;max-width:540px;display:flex;align-items:center;gap:12px;margin-bottom:18px}
.uf-root .brand img.logo{height:38px;width:auto;mix-blend-mode:multiply}
.uf-root .brand .tag{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;text-align:right}
.uf-root .brand .tag svg{width:14px;height:14px;flex:none}
.uf-root .card{width:100%;max-width:540px;background:var(--card);border:1px solid var(--line);
    border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.uf-root .head{padding:22px 26px 18px;border-bottom:1px solid var(--line)}
.uf-root .progress-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--muted);margin-bottom:9px}
.uf-root .progress-meta .count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}
.uf-root .bar{height:5px;background:var(--line);border-radius:99px;overflow:hidden}
.uf-root .bar > i{display:block;height:100%;width:14%;background:linear-gradient(90deg,var(--red),var(--red-dark));border-radius:99px;transition:width .45s cubic-bezier(.4,0,.1,1)}
.uf-root .head h1{font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:14px 0 3px;text-wrap:balance;font-weight:750}
.uf-root .head p{margin:0;font-size:13.5px;color:var(--muted)}
.uf-root .body{padding:22px 26px 6px}
.uf-root .step{display:none;animation:uf-rise .4s cubic-bezier(.2,.7,.2,1)}
.uf-root .step.active{display:block}
@keyframes uf-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.uf-root .sub{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--red);font-weight:700;
    margin:22px 0 13px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}
.uf-root .sub:first-child{margin-top:2px;padding-top:0;border-top:0}
.uf-root .sub .opt{margin-left:auto;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:11px}
.uf-root .field{margin-bottom:17px}
.uf-root .field > label{display:block;font-size:13px;font-weight:650;margin-bottom:6px}
.uf-root .field .hint{font-size:12px;color:var(--muted);font-weight:400;margin-left:2px}
.uf-root .req{color:var(--red);font-weight:700}
.uf-root input[type=text],.uf-root input[type=tel],.uf-root input[type=email],.uf-root input[type=date],.uf-root input[type=time],.uf-root input[type=number],.uf-root textarea,.uf-root select{
    width:100%;font-family:inherit;font-size:15.5px;color:var(--ink);background:var(--field);
    border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px;outline:none;
    transition:border-color .15s,background .15s,box-shadow .15s}
.uf-root textarea{resize:vertical;min-height:92px;line-height:1.45}
.uf-root select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23736A6C' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.uf-root input:focus,.uf-root textarea:focus,.uf-root select:focus{border-color:var(--red);background:var(--field-focus);box-shadow:0 0 0 3px var(--red-soft)}
.uf-root .row{display:flex;gap:12px}
.uf-root .row > .field{flex:1;margin-bottom:17px}
.uf-root .row.tri > .field{flex:1}
.uf-root .choices{display:flex;flex-wrap:wrap;gap:9px}
.uf-root .choices.col{flex-direction:column}
.uf-root .choice{position:relative;flex:1;min-width:fit-content}
.uf-root .choice input{position:absolute;opacity:0;inset:0;cursor:pointer}
.uf-root .choice span{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:var(--radius-sm);
    padding:12px 14px;font-size:14.5px;font-weight:550;background:var(--field);cursor:pointer;transition:.15s;user-select:none}
.uf-root .choice .dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;transition:.15s;position:relative}
.uf-root .choice.check .dot{border-radius:6px}
.uf-root .choice input:checked + span{border-color:var(--red);background:var(--red-soft);color:var(--red-dark)}
.uf-root .choice input:checked + span .dot{border-color:var(--red);background:var(--red)}
.uf-root .choice input:checked + span .dot::after{content:"";position:absolute;inset:0;margin:auto;width:7px;height:7px;border-radius:50%;background:#fff}
.uf-root .choice.check input:checked + span .dot::after{width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;border-radius:1px;transform:rotate(42deg) translateY(-1px);background:none;top:1px}
.uf-root .choice input:focus-visible + span{box-shadow:0 0 0 3px var(--red-soft)}
.uf-root .cond{display:none;border-left:2.5px solid var(--red-soft);padding-left:14px;margin:-4px 0 17px 2px}
.uf-root .cond.show{display:block;animation:uf-rise .35s ease}
.uf-root .drop{border:1.5px dashed #D8CFCF;border-radius:var(--radius-sm);background:var(--field);padding:24px 16px;text-align:center;cursor:pointer;transition:.15s}
.uf-root .drop:hover,.uf-root .drop.over{border-color:var(--red);background:var(--red-soft)}
.uf-root .drop svg{width:26px;height:26px;color:var(--red);margin-bottom:6px}
.uf-root .drop b{display:block;font-size:14px}
.uf-root .drop small{color:var(--muted);font-size:12px}
.uf-root .thumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.uf-root .thumb{position:relative;width:64px;height:64px;border-radius:9px;overflow:hidden;border:1px solid var(--line);
    background:var(--canvas);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);padding:4px;text-align:center}
.uf-root .thumb img{width:100%;height:100%;object-fit:cover}
.uf-root .thumb button{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;
    background:rgba(27,23,24,.78);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.uf-root .pad-wrap{position:relative}
.uf-root .pad{width:100%;height:180px;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-sm);touch-action:none;cursor:crosshair;display:block}
.uf-root .pad.sig{height:130px;background:repeating-linear-gradient(transparent 0 31px,#F0EAEA 31px 32px)}
.uf-root .pad-clear{position:absolute;top:8px;right:8px;font-size:12px;font-weight:600;color:var(--muted);background:#fff;
    border:1px solid var(--line);border-radius:7px;padding:5px 9px;cursor:pointer}
.uf-root .pad-clear:hover{color:var(--red);border-color:var(--red)}
.uf-root .err-msg{display:none;color:var(--red);font-size:12.5px;margin-top:6px;font-weight:550}
.uf-root .field.invalid .err-msg{display:block}
.uf-root .field.invalid input,.uf-root .field.invalid textarea,.uf-root .field.invalid select{border-color:var(--red)}
.uf-root .note{display:flex;gap:10px;align-items:flex-start;background:var(--field);border:1px solid var(--line);
    border-radius:var(--radius-sm);padding:12px 13px;font-size:12.5px;color:var(--muted);margin:-2px 0 16px}
.uf-root .note svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--red)}
.uf-root .trust{display:flex;gap:10px;align-items:flex-start;background:var(--red-soft);border-radius:var(--radius-sm);
    padding:13px 14px;font-size:12.5px;color:#7A2C2E;margin-top:4px}
.uf-root .trust svg{width:17px;height:17px;flex:none;margin-top:1px;color:var(--red)}
.uf-root .review{font-size:14px}
.uf-root .review dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}
.uf-root .review dt{color:var(--muted);font-size:12.5px}
.uf-root .review dd{margin:0;font-weight:600;text-align:right}
.uf-root .review .grp{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}
.uf-root .review .grp:first-child{border-top:0;padding-top:0;margin-top:0}
.uf-root .review .grp h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--red);margin:0 0 9px}
.uf-root .foot{display:flex;gap:12px;align-items:center;padding:16px 26px 22px;border-top:1px solid var(--line);
    position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.4),var(--card) 45%)}
.uf-root .btn{font-family:inherit;font-size:15px;font-weight:650;border-radius:var(--radius-sm);padding:13px 20px;cursor:pointer;border:1.5px solid transparent;transition:.15s}
.uf-root .btn-primary{background:var(--red);color:#fff;flex:1;box-shadow:0 6px 16px -8px var(--red)}
.uf-root .btn-primary:hover{background:var(--red-dark)}
.uf-root .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.uf-root .btn-ghost:hover{border-color:var(--ink)}
.uf-root .btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--red-soft)}
.uf-root .btn-primary:focus-visible{box-shadow:0 0 0 3px var(--red-soft),0 6px 16px -8px var(--red)}
.uf-root .done{padding:46px 28px 40px;text-align:center;display:none}
.uf-root .done.show{display:block;animation:uf-rise .5s ease}
.uf-root .done .ring{width:74px;height:74px;border-radius:50%;background:var(--success-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.uf-root .done .ring svg{width:36px;height:36px;color:var(--success)}
.uf-root .done h2{font-size:22px;letter-spacing:-.02em;margin:0 0 8px}
.uf-root .done p{color:var(--muted);font-size:14.5px;margin:0 auto;max-width:360px}
.uf-root .done .ref{display:inline-block;margin-top:18px;font-size:13px;background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-variant-numeric:tabular-nums}
.uf-root .done .ref b{color:var(--red)}
.uf-root .legal{width:100%;max-width:540px;text-align:center;color:var(--muted);font-size:11.5px;margin-top:16px}
.uf-root .legal b{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.uf-root *{animation:none!important;transition:none!important}}
@media (max-width:460px){.uf-root .row{flex-direction:column;gap:0}
.uf-root .head,.uf-root .body,.uf-root .foot{padding-left:18px;padding-right:18px}
.uf-root .brand .tag span.t{display:none}}

/* --- Einbettung in die Seite (statt Vollbild) + Fehlerbanner --- */
.uf-root{min-height:0;padding:0;background:none}
.uf-root .formerr{display:none;color:var(--red);background:var(--red-soft);border:1px solid #efc9ca;border-radius:var(--radius-sm);padding:11px 13px;font-size:13px;font-weight:600;margin:0 26px 14px}
.uf-root .formerr.show{display:block}
.uf-root .cf-turnstile{margin:0 0 16px}