/* Upload-Formular direkt auf der Landingpage (arztbrief-verstehen.ch)
   Gross, ruhig, drei Schritte. Klassen mit Präfix ui-, damit nichts kollidiert. */
.ui-wrap{margin-bottom:28px;background:linear-gradient(180deg,#ffffff 0%,#eaf3ff 100%);border:2px solid #b9d3f3;border-radius:30px;padding:34px 38px;box-shadow:0 16px 36px rgba(7,40,96,.10);scroll-margin-top:110px}
.ui-wrap h2{margin:0 0 6px;font-size:30px;line-height:1.15;letter-spacing:-.03em;color:#062b7a}
.ui-sub{margin:0 0 22px;font-size:18px;line-height:1.55;color:#27466f}
.ui-form{max-width:680px;background:#fff;border:1px solid #d7e4f5;border-radius:22px;padding:26px 26px 22px}
.ui-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.ui-progress{display:none;margin:0 0 18px}
.ui-js .ui-progress{display:block}
.ui-bar{display:flex;gap:8px;margin-bottom:8px}
.ui-seg{flex:1;height:8px;border-radius:999px;background:#dbe8f8}
.ui-seg.on{background:#0f63df}
.ui-count{font-size:15px;font-weight:900;color:#0b57c9}
.ui-step{border:0;margin:0 0 22px;padding:0;min-width:0}
.ui-js .ui-step{display:none;margin:0}
.ui-js .ui-step.on{display:block}
.ui-step legend{padding:0;margin:0 0 14px;font-size:22px;font-weight:900;line-height:1.3;color:#062b7a}
.ui-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ui-drop{display:flex;align-items:center;gap:18px;padding:22px;border:2px dashed #8fb6ea;border-radius:18px;background:#f7fbff;cursor:pointer}
.ui-drop:hover,.ui-file:focus-visible+.ui-drop{border-color:#0f63df;background:#eef5ff}
.ui-drop svg{flex:0 0 52px;width:52px;height:52px}
.ui-drop b{display:block;font-size:20px;color:#062b7a;margin-bottom:4px}
.ui-drop span{display:block;font-size:16px;line-height:1.45;color:#49607f}
.ui-files{margin:12px 0 0;font-size:17px;color:#0d6b33;font-weight:700;line-height:1.5}
.ui-files:empty{display:none}
.ui-files ul{margin:6px 0 0;padding-left:20px;font-weight:400;color:#27466f}
.ui-files .ui-warn{color:#b42318}
.ui-label{display:block;margin:0 0 8px;font-size:18px;font-weight:700;color:#062b7a}
.ui-help{margin:0 0 10px;font-size:16px;line-height:1.5;color:#49607f}
.ui-form textarea,.ui-form input[type=email]{width:100%;font:inherit;font-size:18px;color:#061f60;border:2px solid #c9d9ef;border-radius:14px;padding:14px 16px;background:#fff}
.ui-form textarea{min-height:110px;resize:vertical}
.ui-form textarea:focus,.ui-form input[type=email]:focus{outline:none;border-color:#0f63df;box-shadow:0 0 0 4px rgba(15,99,223,.15)}
.ui-check{display:flex;gap:14px;align-items:flex-start;margin:18px 0 0;font-size:17px;line-height:1.5;color:#27466f;cursor:pointer}
.ui-check input{flex:0 0 26px;width:26px;height:26px;margin:1px 0 0;accent-color:#0f63df}
.ui-check a{color:#0b57c9;font-weight:700;text-decoration:underline}
.ui-price{margin:20px 0 0;padding:14px 16px;border-radius:14px;background:#f7fbff;border:1px solid #dbe8f8;font-size:17px;line-height:1.5;color:#27466f}
.ui-price strong{color:#062b7a;font-size:20px}
.ui-nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}
.ui-next,.ui-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 34px;border:0;border-radius:16px;background:linear-gradient(180deg,#0d3d93 0%,#061f60 100%);color:#fff;font:inherit;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 12px 22px rgba(6,31,96,.18);touch-action:manipulation}
.ui-next:hover,.ui-submit:hover{filter:brightness(1.12)}
.ui-next[disabled],.ui-submit[disabled]{opacity:.45;cursor:not-allowed}
.ui-back{display:none;background:none;border:0;padding:8px 4px;font:inherit;font-size:17px;font-weight:700;color:#49607f;text-decoration:underline;cursor:pointer}
.ui-js .ui-back{display:inline-block}
.ui-js .ui-nojs{display:none}
.ui-msg{display:none;margin:12px 0 0;font-size:17px;font-weight:700;color:#b42318}
.ui-msg.on{display:block}
.ui-summary{display:none;margin:0 0 16px;padding:12px 15px;border-radius:12px;background:#eefaf3;border:1px solid #bfe6cd;font-size:16px;line-height:1.5;color:#0d4f2a}
.ui-summary.on{display:block}
.ui-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:20px 0 0;padding:0;list-style:none;font-size:16px;color:#27466f}
.ui-facts li::before{content:"✓ ";color:#0d6b33;font-weight:900}
body.ui-form-sichtbar .mobile-cta,body.ui-form-sichtbar .sticky-cta,body.ui-form-sichtbar .mobile-sticky{display:none!important}
@media(max-width:760px){
  .ui-wrap{padding:24px 16px;border-radius:22px;scroll-margin-top:12px}
  .ui-wrap h2{font-size:25px}
  .ui-form{padding:20px 16px}
  .ui-step legend{font-size:20px}
  .ui-drop{flex-direction:column;text-align:center;padding:22px 14px}
  .ui-next,.ui-submit{width:100%}
  .ui-nav{flex-direction:column;align-items:stretch}
  .ui-facts{flex-direction:column;gap:8px}
}