/* v2 - 2026-09-21 - Aenderung: Hilfetexte, Schrittzahlen und Fortschrittstext von 12/13px auf 14px (Mobil-Lesbarkeit) */
/* v1 – 2026-07-08 – Kundenportal Styles */
:root{
  --navy:#0f2438; --navy2:#16324c; --accent:#2e7dd1; --accent2:#57b6f2;
  --bg:#f4f7fa; --card:#ffffff; --text:#1c2b3a; --muted:#5b6b7c;
  --ok:#1f9d55; --line:#e3e9f0; --danger:#c0392b;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}

.topbar{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;box-shadow:0 2px 12px rgba(15,36,56,.25)}
.topbar-inner{max-width:860px;margin:0 auto;padding:14px 20px 8px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px}
.brand{font-weight:700;letter-spacing:.4px;font-size:15px;color:var(--accent2)}
.proj{font-size:14px;color:rgba(255,255,255,.72)}
.progresswrap{max-width:860px;margin:0 auto;padding:0 20px 12px}
.progressbar{height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden}
.progressfill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .4s ease}
.progresstext{font-size:14px;color:rgba(255,255,255,.72);margin-top:5px}

.wrap{max-width:860px;margin:0 auto;padding:22px 20px 60px}
.intro{margin:6px 2px 18px;color:var(--muted);font-size:15px}
.banner{padding:14px 18px;border-radius:12px;margin-bottom:18px;font-size:15px}
.banner.done{background:#e7f6ec;color:#14532d;border:1px solid #bfe6cc}

.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 12px;margin-bottom:18px;box-shadow:0 1px 4px rgba(15,36,56,.05)}
.card h2{font-size:18px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.secnum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;flex:none}

.field{margin-bottom:18px;position:relative}
.field label{font-weight:600;font-size:14.5px;display:block;margin-bottom:4px}
.req{color:var(--danger)}
.hint{font-size:14px;color:var(--muted);margin-bottom:7px}
input[type=text],textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px;background:#fbfcfe;transition:border .15s}
input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent);background:#fff}
.radios{display:flex;flex-direction:column;gap:7px}
.radio{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;font-weight:400;cursor:pointer;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}
.radio:has(input:checked){border-color:var(--accent);background:#eef6fd}
.radio input{margin-top:3px;accent-color:var(--accent)}
.infobox{background:#fff8e6;border:1px solid #f2e2b3;color:#6b5416;border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:18px}

.dropzone input[type=file]{display:none}
.dropinner{display:block;border:2px dashed var(--line);border-radius:12px;padding:22px;text-align:center;color:var(--muted);cursor:pointer;font-size:14.5px;background:#fbfcfe;transition:all .15s}
.dropzone.drag .dropinner,.dropinner:hover{border-color:var(--accent);color:var(--accent);background:#eef6fd}
.filelist{list-style:none;margin-top:8px}
.filelist li{display:flex;align-items:center;gap:8px;font-size:14px;padding:7px 11px;background:#f0f4f8;border-radius:8px;margin-bottom:5px}
.filelist small{color:var(--muted)}
.filelist .del{margin-left:auto;border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px}
.filelist .del:hover{color:var(--danger);background:#fdecea}
.filelist li.uploading{opacity:.55}

.savedot{position:absolute;top:2px;right:0;width:9px;height:9px;border-radius:50%;background:var(--ok);opacity:0;transition:opacity .3s}
.savedot.show{opacity:1}

.submitcard{text-align:center;padding-bottom:22px}
.cta{background:linear-gradient(135deg,var(--accent),#1d5fa8);color:#fff;border:none;font:inherit;font-size:16.5px;font-weight:700;padding:15px 34px;border-radius:99px;cursor:pointer;box-shadow:0 6px 18px rgba(46,125,209,.35);transition:transform .12s}
.cta:hover:not(:disabled){transform:translateY(-2px)}
.cta:disabled{background:#c3ced9;box-shadow:none;cursor:not-allowed}
#missinginfo{min-height:18px}

.foot{text-align:center;color:var(--muted);font-size:14px;margin-top:10px}

/* Freigabe */
.imgwrap{position:relative;margin:12px 0;border-radius:12px;overflow:hidden;border:1px solid var(--line);cursor:crosshair}
.imgwrap img{display:block;width:100%;height:auto}
.pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#e74c3c;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35);border:2px solid #fff;pointer-events:none}
.pin.draft{background:#f39c12}
.adtext{background:#f8f9fb;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:15px;margin:12px 0;white-space:pre-wrap}
.fbuttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.cta.small{font-size:15px;padding:12px 24px}
.cta.ok{background:linear-gradient(135deg,#1f9d55,#157a40);box-shadow:0 5px 14px rgba(31,157,85,.3)}
.fitem[data-status=freigegeben] .fbuttons,.fitem[data-status=aenderung] .fbuttons{opacity:.55}
.aenderungbox textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px}
.fitem.collapsed{padding-bottom:18px}
.fitem.collapsed .fbody{display:none}
.fitem.collapsed h2{margin-bottom:0}
.aufklappen{border:none;background:#eef2f6;color:var(--muted);font:inherit;font-size:15px;width:30px;height:30px;border-radius:8px;cursor:pointer;flex:none;transition:transform .15s}
.fitem:not(.collapsed) .aufklappen{transform:rotate(90deg)}

/* Admin */
table.list{width:100%;border-collapse:collapse;font-size:14.5px}
table.list th,table.list td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
table.list th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600}
.badge.offen{background:#fdf3e0;color:#8a5a0a}
.badge.komplett{background:#e7f6ec;color:#14532d}
.btn{display:inline-block;background:var(--navy);color:#fff;border:none;font:inherit;font-size:14px;padding:9px 18px;border-radius:9px;cursor:pointer;text-decoration:none}
.btn.sec{background:#e8eef4;color:var(--navy)}
.btn:hover{opacity:.9}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}.card{padding:16px 14px 8px}}