/* Angebotsformer – neuer Ablauf in vier Stationen (ANGEBOT & RENDER 1.0, 09.10.2026).
   Greift nur, wenn neu.js body.neu setzt (?neu=1). Launchpad-Designsprache. */
body.neu{
  --n-bg:#F7F4EF;--n-panel:#FFFFFF;--n-ink:#2A2723;--n-meta:#938A7F;--n-linie:#E7E2D8;--n-grau:#F2F1EE;
  --n-terra:#C8786A;--n-terra-d:#AF5E4D;--n-terra-s:#F4EAE5;--n-gruen:#5A6B54;--n-gruen-s:#EBEEE7;--n-warn:#B4532C;--n-warn-s:#FDF0E9;
  --n-serif:'Playfair Display',Georgia,serif;--n-sans:'DM Sans',system-ui,-apple-system,sans-serif;
  display:block!important;background:var(--n-bg)!important;color:var(--n-ink);
}
body.neu .sb,body.neu .ki-fab,body.neu .ki-panel{display:none!important}
body.neu .main{padding:0 0 60px!important;overflow:visible!important}
body.neu:not(.exporting) .main{zoom:.6}
body.neu.exporting .main{zoom:1}
@media print{body.neu #neu-top,body.neu #neu-karte,body.neu #neu-start,body.neu #neu-vorschau-hinweis{display:none!important}body.neu .main{zoom:1!important}body.neu #neu-bereich{display:block!important;padding:0!important;margin:0!important;max-width:none!important}}
body.neu.exporting #neu-top,body.neu.exporting #neu-karte,body.neu.exporting #neu-start,body.neu.exporting #neu-vorschau-hinweis{display:none!important}
body.neu.exporting #neu-bereich{display:block!important;padding:0!important;margin:0!important;max-width:none!important}

#neu-top{position:sticky;top:0;z-index:50;background:var(--n-bg);padding:14px 28px 10px;font-family:var(--n-sans)}
#neu-top .nt-zeile{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto}
#neu-top .nt-back{font-size:13px;color:var(--n-meta);text-decoration:none;padding:8px 14px;background:var(--n-grau);border-radius:999px}
#neu-top .nt-titel{font-family:var(--n-serif);font-size:22px;color:var(--n-ink)}
#neu-top .nt-kunde{font-size:13px;color:var(--n-meta);min-width:120px;text-align:right}
#neu-top .nt-schritte{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}
#neu-top .nt-s{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:13px;color:var(--n-meta);background:transparent;border:0;font-family:inherit;cursor:pointer}
#neu-top .nt-s .n{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:var(--n-grau);color:var(--n-meta)}
#neu-top .nt-s.aktiv{background:var(--n-panel);color:var(--n-ink);box-shadow:0 1px 3px rgba(42,39,35,.08)}
#neu-top .nt-s.aktiv .n{background:var(--n-terra);color:#fff}
#neu-top .nt-s.fertig .n{background:var(--n-gruen);color:#fff}
#neu-top .nt-s:disabled{opacity:.45;cursor:default}

#neu-bereich{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;max-width:1280px;margin:8px auto 0;padding:0 28px;align-items:start}
#neu-karte{position:sticky;top:110px;font-family:var(--n-sans);max-height:calc(100vh - 124px);overflow-y:auto;padding:2px 4px 8px;margin:-2px -4px 0}
.nk{background:var(--n-panel);border-radius:22px;padding:24px;box-shadow:0 2px 14px rgba(42,39,35,.07);margin-bottom:14px}
.nk .nk-z{font-size:12px;color:var(--n-meta);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.nk h2{font-family:var(--n-sans);font-weight:500;font-size:19px;margin:0 0 8px;color:var(--n-ink)}
.nk p{color:var(--n-meta);font-size:14px;line-height:1.5;margin:0 0 14px}
.nk .nk-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.nb{border:0;font-family:var(--n-sans);font-size:14px;padding:11px 20px;border-radius:999px;cursor:pointer;font-weight:500}
.nb.haupt{background:var(--n-terra);color:#fff}.nb.haupt:hover{background:var(--n-terra-d)}
.nb.zweit{background:var(--n-grau);color:var(--n-ink)}
.nb:disabled{opacity:.5;cursor:default}
.nk .nk-rest{font-size:13px;color:var(--n-meta);text-align:center;margin-top:4px}
.nk-zurueck{display:inline-block;margin-top:12px;font-size:13px;color:var(--n-meta);background:none;border:0;font-family:inherit;cursor:pointer;text-decoration:underline}

/* Station 1: Start */
#neu-start{max-width:680px;margin:30px auto 0;padding:0 20px;font-family:var(--n-sans)}
#neu-start h1{font-family:var(--n-serif);font-weight:400;font-size:34px;text-align:center;margin:0 0 6px;color:var(--n-ink)}
#neu-start .ns-unter{text-align:center;color:var(--n-meta);margin:0 0 28px;font-size:15px}
.ns-drop{background:var(--n-panel);border-radius:22px;padding:64px 24px;text-align:center;box-shadow:0 2px 14px rgba(42,39,35,.06);border:1.5px dashed var(--n-linie);cursor:pointer;transition:border-color .2s}
.ns-drop:hover,.ns-drop.drag{border-color:var(--n-terra)}
.ns-drop .ic{width:56px;height:56px;border-radius:16px;background:var(--n-terra-s);color:var(--n-terra);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px}
.ns-drop b{font-weight:500;font-size:18px;display:block;margin-bottom:6px;color:var(--n-ink)}
.ns-drop span{color:var(--n-meta);font-size:14px}
.ns-zuletzt{margin-top:26px}
.ns-zuletzt .lbl{font-size:12px;color:var(--n-meta);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.ns-zeile{display:flex;justify-content:space-between;align-items:center;background:var(--n-panel);border-radius:14px;padding:13px 18px;margin-bottom:8px;font-size:14px;cursor:pointer;border:0;width:100%;font-family:inherit;color:var(--n-ink);text-align:left}
.ns-zeile:hover{box-shadow:0 1px 6px rgba(42,39,35,.08)}
.ns-zeile em{font-style:normal;color:var(--n-meta);font-size:13px}
.ns-fort{background:var(--n-panel);border-radius:22px;padding:28px;box-shadow:0 2px 14px rgba(42,39,35,.06)}
.ns-fort .balken{height:6px;background:var(--n-grau);border-radius:999px;overflow:hidden;margin:14px 0 10px}
.ns-fort .balken i{display:block;height:100%;background:var(--n-terra);width:0;transition:width .4s}
.ns-fort .txt{font-size:14px;color:var(--n-meta)}
.ns-fehler{background:var(--n-warn-s);color:var(--n-warn);border-radius:14px;padding:12px 14px;font-size:14px;margin-top:14px;line-height:1.45}

/* Seiten-Kärtchen (Sortierung) */
.nk-seiten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.nk-seite{border-radius:10px;overflow:hidden;background:var(--n-grau);border:1.5px solid transparent;font-size:11px;color:var(--n-meta);text-align:center}
.nk-seite img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;background:#fff}
.nk-seite span{display:block;padding:4px 2px;line-height:1.25}
.nk-seite.daten{border-color:var(--n-linie)}
.nk-seite.bild{border-color:var(--n-gruen)}.nk-seite.bild span{color:var(--n-gruen)}
.nk-seite.weg{opacity:.55}
.nk-seite.fehler{border-color:var(--n-warn)}.nk-seite.fehler span{color:var(--n-warn)}

/* Felder in Karten */
.nk-feld{margin-bottom:10px}
.nk-feld label{display:block;font-size:12px;color:var(--n-meta);margin-bottom:4px}
.nk-feld input{width:100%;box-sizing:border-box;border:1px solid var(--n-linie);border-radius:10px;padding:9px 12px;font-family:var(--n-sans);font-size:14px;color:var(--n-ink);background:#fff}
.nk-feld input:focus{outline:none;border-color:var(--n-terra)}
.nk-liste{list-style:none;padding:0;margin:0 0 14px;font-size:14px}
.nk-liste li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--n-linie)}
.nk-liste li:last-child{border-bottom:0}
.nk-liste li em{font-style:normal;color:var(--n-meta);font-size:13px;white-space:nowrap}
.nk-liste li.ok em{color:var(--n-gruen)}
.nk-liste li.offen em{color:var(--n-warn)}
.nk-hinweis{background:var(--n-warn-s);color:var(--n-warn);border-radius:14px;padding:11px 14px;font-size:13px;margin-bottom:14px;line-height:1.45}
.nk-ok{background:var(--n-gruen-s);color:var(--n-gruen);border-radius:14px;padding:11px 14px;font-size:13px;margin-bottom:14px}

#neu-vorschau-hinweis{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:var(--n-ink);color:#fff;font:12px var(--n-sans);padding:7px 14px;border-radius:999px;opacity:.85;z-index:60;border:0;cursor:pointer}
#neu-vorschau-hinweis:hover{opacity:1}

@media (max-width:900px){
  #neu-bereich{grid-template-columns:minmax(0,1fr);padding:0 14px}
  #neu-karte{position:static;order:-1;max-height:none;overflow:visible}
  body.neu:not(.exporting) .main{zoom:.42}
  #neu-top{padding:12px 14px 8px}
  #neu-top .nt-kunde{display:none}
  #neu-top .nt-s .t{display:none}
}