/* Stil des internen Buchungswerkzeugs. Nutzt die HUB-Variablen aus
   index.html, setzt keine eigenen Farben ausser dem Signalgelb der
   amzngshops-Welt, das im HUB als --amzng steht. */
.iw-block{padding:20px 24px}
.iw-kopf{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.iw-kopf h3{font-size:16px;font-weight:700;color:var(--text-primary)}
.iw-nr{width:26px;height:26px;border-radius:50%;background:var(--amzng);color:#0f1117;
 font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.iw-hinweis{margin-left:auto;font-size:12px;color:var(--text-muted)}
.iw-pflicht{font-size:9px;letter-spacing:.5px;color:var(--amzng);font-weight:700;
 text-transform:uppercase;margin-left:4px}
.iw-unter{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;
 color:var(--text-muted);margin:18px 0 12px;padding-top:16px;border-top:1px solid var(--border-color)}

/* Pakete */
.iw-pakete{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
.iw-paket{display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;
 background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);
 padding:14px 16px;font-family:inherit;transition:var(--transition)}
.iw-paket:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}
.iw-paket.an{border-color:var(--amzng);background:rgba(249,217,73,.07)}
.iw-paket-art{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}
.iw-paket-name{font-size:15px;font-weight:700;color:var(--text-primary)}
.iw-paket-preis{font-size:20px;font-weight:800;color:var(--amzng);margin-top:4px;
 font-variant-numeric:tabular-nums}
.iw-paket-je{font-size:11px;color:var(--text-muted)}
.iw-paket-was{font-size:12px;color:var(--text-secondary);margin-top:6px;
 padding-top:6px;border-top:1px solid var(--border-color)}

/* Raster */
.iw-raster-rahmen{overflow-x:auto}
table.iw-raster{width:100%;border-collapse:separate;border-spacing:5px;min-width:760px}
table.iw-raster thead th{font-size:10px;letter-spacing:1px;color:var(--text-muted);
 text-transform:uppercase;padding:0 0 4px;border:none;text-align:center}
th.iw-tag{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:left;
 white-space:nowrap;padding-right:8px;border:none}
th.iw-tag.spitze{color:var(--text-primary)}
.iw-spitze{display:block;font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--amzng);
 text-transform:uppercase}
table.iw-raster td{padding:0;border:none}
.iw-zelle{width:100%;display:flex;flex-direction:column;gap:1px;align-items:flex-start;
 background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);
 padding:8px 10px;cursor:pointer;font-family:inherit;transition:var(--transition)}
.iw-zelle:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-muted)}
.iw-zelle:disabled{opacity:.35;cursor:not-allowed}
.iw-zelle.voll{opacity:.4}
.iw-zelle.paket{border-color:var(--amzng);background:rgba(249,217,73,.1)}
.iw-zelle.zusatz{border-color:var(--success);background:rgba(52,211,153,.1)}
.iw-zelle-preis{font-size:13px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}
.iw-zelle-frei{font-size:10px;color:var(--text-muted)}
.iw-marke{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
 color:var(--amzng);margin-top:2px}
.iw-marke.zus{color:var(--success)}

/* Zubuchungen */
.iw-zub-rahmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.iw-zub-gruppe h4{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
 color:var(--amzng);margin-bottom:8px}
.iw-zub-liste{display:flex;flex-direction:column;gap:6px}
.iw-zub{display:flex;justify-content:space-between;align-items:center;gap:10px;
 background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);
 padding:9px 12px;cursor:pointer;font-family:inherit;text-align:left;transition:var(--transition)}
.iw-zub:hover{background:var(--bg-card-hover)}
.iw-zub.an{border-color:var(--success);background:rgba(52,211,153,.09)}
.iw-zub-name{font-size:12.5px;color:var(--text-primary)}
.iw-zub-preis{font-size:12.5px;font-weight:700;color:var(--text-secondary);white-space:nowrap;
 font-variant-numeric:tabular-nums}
.iw-zub.an .iw-zub-preis{color:var(--success)}

/* Abschluss */
.iw-abschluss{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.iw-rabatt-hinweis{font-size:11.5px;color:var(--text-muted);line-height:1.6;margin-top:4px}
.iw-summe-rahmen{background:var(--bg-primary);border:1px solid var(--border-color);
 border-radius:var(--radius);padding:16px 18px;position:sticky;top:16px}
.iw-summe-rahmen h4{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
 color:var(--amzng);margin-bottom:12px}
.iw-sum-zeile{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;
 padding:4px 0;color:var(--text-secondary)}
.iw-sum-zeile b{color:var(--text-primary);font-weight:600;white-space:nowrap;
 font-variant-numeric:tabular-nums}
.iw-sum-zeile em{display:block;font-style:normal;font-size:10.5px;color:var(--text-muted)}
.iw-sum-zeile.gross{font-size:15px;padding-top:8px}
.iw-sum-zeile.gross b{font-size:19px;font-weight:800;color:var(--amzng)}
.iw-sum-zeile.klein{font-size:11px;color:var(--text-muted)}
.iw-sum-zeile.klein b{color:var(--text-muted);font-weight:500}
.iw-sum-zeile.rabatt b{color:var(--success)}
.iw-sum-trenn{height:1px;background:var(--border-color);margin:10px 0}
.iw-sum-leer{font-size:12.5px;color:var(--text-muted);padding:6px 0}
.iw-knoepfe{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.iw-knoepfe .btn-primary{background:var(--amzng);color:#0f1117;font-weight:700}
.iw-knoepfe .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}
.iw-meldung{font-size:12px;color:var(--text-secondary);margin-top:10px;line-height:1.5}
.iw-meldung.fehler{color:var(--danger)}
.iw-ergebnis{margin-top:18px;background:rgba(52,211,153,.08);border:1px solid var(--success);
 border-radius:var(--radius-sm);padding:16px 18px}
.iw-ergebnis h3{font-size:14px;color:var(--success);margin-bottom:6px}
.iw-ergebnis p{font-size:12.5px;color:var(--text-secondary);line-height:1.6}
.iw-ergebnis .iw-offen{color:var(--warning);margin-top:8px}

@media(max-width:1100px){.iw-abschluss{grid-template-columns:1fr}
 .iw-summe-rahmen{position:static}}
.iw-zub-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.iw-zub-sub{font-size:10.5px;color:var(--text-muted);line-height:1.3}
.iw-zub-stand{font-size:10px;color:var(--text-secondary);line-height:1.3;
 font-variant-numeric:tabular-nums}
.iw-zub-stand.voll{color:var(--danger);font-weight:600}
.iw-paket-stand{font-size:10.5px;color:var(--text-secondary);margin-top:4px;
 font-variant-numeric:tabular-nums}
.iw-paket-stand.voll{color:var(--danger);font-weight:600}

/* ===========================================================================
   Der neue Ablauf, i5, 24.09.2026. Auftrag
   claude/2026-09-24d_Prompt_ClaudeCode_Internes_Werkzeug_neu.md.

   Der Look kommt aus buchen/neu.css, derselben Datei wie auf /buchen. Sie
   greift nur unter .neu, die Wurzel #internWerkzeug bekommt die Klasse erst
   in startNeu(). Jede Regel hier steht unter #internWerkzeug.neu, nichts
   davon beruehrt den uebrigen HUB.

   DIE PALETTE. neu.css liest die Farben von /buchen, die dort im :root von
   buchen.html stehen. Im HUB gibt es sie nicht, deshalb stehen sie hier,
   dieselben Werte, nur fuer die Wurzel des Werkzeugs. Aendert sich die
   Palette in buchen.html, muss sie hier mitwandern.
   =========================================================================== */
#internWerkzeug.neu{
  --grund:#070706; --f1:#121210; --f2:#1B1B18; --f3:#26251F;
  --linie:#232320; --linie-stark:#34332D;
  --signal:#F9D949; --signal-tief:#1E1A08; --signal-auf:#171200;
  --t0:#FFFFFF; --t1:#E8E7E1; --t2:#B5B4AC; --t3:#8E8D85; --t4:#5C5B55;
  --live:#FF3E88; --group:#CE403C;
  --schrift:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  background:var(--grund);color:var(--t1);font-family:var(--schrift);font-size:15px;line-height:1.6;
  border-radius:var(--radius);overflow:clip;contain:inline-size;position:relative}
/* Grundregeln, die auf /buchen fuer die ganze Seite gelten */
#internWerkzeug.neu a{color:inherit;text-decoration:none}
#internWerkzeug.neu button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;cursor:pointer}
#internWerkzeug.neu ul{list-style:none}
#internWerkzeug.neu img{max-width:100%}
#internWerkzeug.neu .nh{max-width:1180px}
/* Die Schrittleiste, Grundform aus buchen.html, die Punkte aus neu.css */
#internWerkzeug.neu .schritte{display:flex;border-bottom:1px solid var(--linie);overflow-x:auto;scrollbar-width:none;padding:12px 20px}
#internWerkzeug.neu .schritte::-webkit-scrollbar{display:none}
/* Die Korbleiste klebt am unteren Rand der Seite und nicht des Fensters,
   sonst laege sie ueber der Seitenleiste des HUB. */
#internWerkzeug.neu .nkorbleiste{position:sticky;left:auto;right:auto;bottom:0}
#internWerkzeug.neu .iw-rabattzeile{color:var(--signal)}
/* Der Kopf mit dem Schalter Kundenansicht und die Angaben nur fuer den Vertrieb */
#internWerkzeug.neu .iw-kopfleiste{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;
  border-bottom:1px solid var(--linie);background:var(--f1)}
#internWerkzeug.neu .iw-schalter{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--t0);cursor:pointer}
#internWerkzeug.neu .iw-schalter input{width:16px;height:16px;accent-color:var(--signal)}
#internWerkzeug.neu .iw-intern{display:block;font-size:12px;font-weight:500;color:var(--t3);margin-top:6px;line-height:1.4}
#internWerkzeug.neu .iw-kopfleiste .iw-intern{margin:0;display:inline}
#internWerkzeug.neu .iw-kennzahlen{padding:16px 20px 0;margin-bottom:0}
#internWerkzeug.neu .iw-kennzahlen .stat-value{font-size:20px}
#internWerkzeug.neu .iw-zinfo{display:block;font-size:10px;font-weight:600;color:var(--t3);letter-spacing:0}
/* Kunde und Abschluss nutzen die Formularfelder des HUB, auf dunklem Grund */
#internWerkzeug.neu .iw-kunde,#internWerkzeug.neu .iw-abschlussneu{background:var(--f1);border:2px solid var(--linie-stark);border-radius:12px;padding:20px}
#internWerkzeug.neu .iw-kunde .form-control,#internWerkzeug.neu .iw-abschlussneu .form-control{background:var(--grund);border-color:var(--linie-stark);color:var(--t0)}
#internWerkzeug.neu .iw-kunde label,#internWerkzeug.neu .iw-abschlussneu label{color:var(--t2)}
#internWerkzeug.neu .iw-unter{border-top-color:var(--linie)}
#internWerkzeug.neu .iw-feldname{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin-bottom:6px}
#internWerkzeug.neu .iw-abschlussneu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:28px}
#internWerkzeug.neu .iw-breit{grid-column:1/-1}
#internWerkzeug.neu .iw-fehlt{font-size:14px;color:var(--live);margin-bottom:10px}
#internWerkzeug.neu .iw-meldung{margin-top:10px;font-size:14px;color:var(--t1)}
#internWerkzeug.neu .iw-meldung.fehler{color:var(--live)}
@media(max-width:760px){#internWerkzeug.neu .iw-abschlussneu{grid-template-columns:minmax(0,1fr)}}

/* Anklickbare Kacheln, seit 24.09.2026 */
#internWerkzeug.neu .iw-kennzahlen .stat-card.iw-klick{transition:transform .15s,box-shadow .15s}
#internWerkzeug.neu .iw-kennzahlen .stat-card.iw-klick:hover,#internWerkzeug.neu .iw-kennzahlen .stat-card.iw-klick:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.35);outline:none}
/* Seit dem 25.09.2026, Kundenweg Stufe 1. Der Link zur Angebotsseite auf
   der Ansicht Angelegt. */
#internWerkzeug.neu .iw-link{background:var(--f1);border:2px solid var(--signal);border-radius:12px;padding:20px;margin-bottom:22px}
#internWerkzeug.neu .iw-link b{display:block;color:var(--t0);font-weight:800;margin-bottom:10px}
#internWerkzeug.neu .iw-linkzeile{display:flex;gap:10px;flex-wrap:wrap}
#internWerkzeug.neu .iw-linkzeile .form-control{flex:1 1 260px;min-width:0;background:var(--grund);border-color:var(--linie-stark);color:var(--t0)}

/* Freie Belegung, Slots selbst waehlen, seit 09.10.2026 */
#internWerkzeug.neu .iw-fw-t{font-size:20px;font-weight:900;color:var(--t0);margin:0 0 4px}
#internWerkzeug.neu .iw-fw-u{color:var(--t2);font-size:14px;margin:0 0 14px;max-width:760px}
#internWerkzeug.neu .iw-fw-raster{display:grid;grid-template-columns:110px repeat(4,minmax(0,1fr));gap:6px}
#internWerkzeug.neu .iw-fw-kopf{text-align:center;font-size:13px;color:var(--t2)}
#internWerkzeug.neu .iw-fw-kopf b{display:block;color:var(--t0);font-size:14px}
#internWerkzeug.neu .iw-fw-tag{font-size:14px;color:var(--t1);display:flex;flex-direction:column;justify-content:center}
#internWerkzeug.neu .iw-fw-tag span{font-size:11px;color:var(--signal)}
#internWerkzeug.neu .iw-fw-z{height:46px;border-radius:8px;border:2px solid var(--linie-stark);background:#121210;color:var(--t1);font:700 16px var(--schrift);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
#internWerkzeug.neu .iw-fw-z small{font-size:11px;font-weight:500;color:var(--t3)}
#internWerkzeug.neu .iw-fw-z.an{background:var(--signal);border-color:var(--signal);color:var(--signal-auf)}
#internWerkzeug.neu .iw-fw-z.an small{color:var(--signal-auf)}
#internWerkzeug.neu .iw-fw-z.voll{cursor:default;opacity:.45;font-size:12px;font-weight:500}
#internWerkzeug.neu .iw-fw-stand{margin:12px 0;color:var(--t1);font-size:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#internWerkzeug.neu .iw-fw-treffer{display:flex;flex-direction:column;gap:8px}
#internWerkzeug.neu .iw-fw-tr{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--linie-stark);border-radius:10px;padding:10px 14px}
#internWerkzeug.neu .iw-fw-tr.best{border-color:var(--signal)}
#internWerkzeug.neu .iw-fw-tr b{color:var(--t0)}
#internWerkzeug.neu .iw-fw-tr em{color:var(--signal);font-style:normal;font-size:13px}
#internWerkzeug.neu .iw-fw-tr span{display:block;color:var(--t2);font-size:13px}
@media (max-width:640px){#internWerkzeug.neu .iw-fw-raster{grid-template-columns:64px repeat(4,minmax(0,1fr))}#internWerkzeug.neu .iw-fw-z small{display:none}}