/* Automatisierungs-Demo: erweitert die vorhandenen Farben und die lokale Schrift. */
.automation-demo{--warn:#795015;--warn-bg:#fff2d8;overflow:visible}.automation-demo[data-phase="-1"] .result-card{animation:none}
.automation-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;background:var(--ink);color:var(--paper);border-radius:7px 7px 0 0}
.automation-kicker{font-size:.8rem;color:var(--lime);letter-spacing:.035em}.automation-top h3{font-size:1.25rem;margin-top:8px}.automation-top-note{font-size:.875rem;color:#c7d0bf}
.automation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:23px 30px 18px;background:var(--paper);position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}
.automation-controls .button{font-size:.875rem;min-height:46px;padding:11px 16px}.automation-controls .button:disabled{background:#ebeee6;border-color:#d2d8c9;color:#687160;box-shadow:none}.automation-controls .reset-button{margin-left:auto;font-size:.875rem}.automation-controls .reset-button:disabled{color:#737b6b;text-decoration:none}
.automation-result-link{display:none;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.automation-progress{padding:22px 30px 24px}.automation-progress>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:.875rem;font-weight:650}.automation-progress #demo-phase-count{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}
.automation-progress progress{appearance:none;-webkit-appearance:none;border:0;border-radius:3px;height:5px;width:100%;display:block;margin:12px 0;background:#e4e8dc;overflow:hidden}.automation-progress progress::-webkit-progress-bar{background:#e4e8dc}.automation-progress progress::-webkit-progress-value{background:#6f822c;transition:width .35s cubic-bezier(.2,.7,.2,1)}.automation-progress progress::-moz-progress-bar{background:#6f822c}.automation-progress>p{font-size:.875rem;color:var(--muted);margin-top:11px;line-height:1.6}
.automation-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px;padding:0 30px 30px;align-items:start}.automation-panel-label{font-size:.875rem;color:var(--muted);margin-bottom:17px}.automation-flow{list-style:none;padding:0;margin:0}.automation-flow>li{position:relative;padding-bottom:16px}.automation-flow>li:last-child{padding-bottom:0}.automation-flow>li:not(:last-child)::after{content:'';position:absolute;left:22px;top:60px;bottom:0;width:2px;background:#dce2d2;transition:background .22s ease}.automation-flow>li.is-done::after{background:#94a458}
.station-heading{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:12px 12px 12px 0;min-height:82px;border:1px solid transparent;border-radius:5px;transition:background .18s ease,border-color .18s ease}
.station-number{grid-row:1/3;display:grid;place-items:center;align-self:start;width:44px;height:44px;border:1px solid #cbd3bf;border-radius:5px;background:var(--paper);font-size:.875rem;font-weight:650;font-variant-numeric:tabular-nums;z-index:1;color:var(--muted)}
.station-heading h4{font-size:.95rem;line-height:1.45;letter-spacing:-.02em;overflow-wrap:anywhere}.station-heading p{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:2px}.station-state{grid-column:2;font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:5px}
.is-active>.station-heading{background:#eff5dd;border-color:#d9e5b8}.is-active .station-number{background:var(--lime);border-color:#a5bd51;color:var(--ink)}.is-active .station-state{color:var(--lime-dark);font-weight:650}.is-done .station-number{background:#eaf0dc;border-color:#cad7ae;color:#485c27}.is-done .station-state{color:#4e6529}.is-waiting>.station-heading{background:var(--warn-bg);border-color:#ebd1a3}.is-waiting .station-number{background:#f6dfa8;border-color:#bc9146;color:#66410c}.is-waiting .station-state{color:var(--warn)}
.station-result-slot:empty{display:none}.station-result-slot{position:relative;z-index:1}.automation-result{min-width:0;scroll-margin-top:145px}.result-card{border:1px solid #d0d8c4;border-radius:6px;background:#fff;padding:28px;box-shadow:0 6px 20px #26341b05;animation:result-arrive .28s cubic-bezier(.2,.7,.2,1) both}
.result-eyebrow{font-size:.8rem;font-weight:650;letter-spacing:.045em;text-transform:uppercase;color:var(--muted);margin-bottom:13px}.result-card h4{font-size:1.5rem;letter-spacing:-.035em;line-height:1.3}.result-intro{font-size:.95rem;line-height:1.75;margin-top:17px;color:var(--muted)}.result-note{font-size:.875rem;line-height:1.65;color:var(--muted);margin-top:22px}.result-note strong{color:var(--ink)}
.scenario-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px;padding:25px 0;gap:20px}.scenario-facts strong{display:block;font-size:2.5rem;line-height:1.2;font-weight:600;letter-spacing:-.05em}.scenario-facts span{display:block;font-size:.875rem;color:var(--muted);margin-top:8px}
.data-fields{margin:23px 0 0}.data-fields>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.875rem}.data-fields dt{color:var(--muted)}.data-fields dd{margin:0;overflow-wrap:anywhere}.email-copy{margin-top:23px;font-size:.95rem;line-height:1.8}.email-copy p+p{margin-top:13px}.attachment-card{border:1px solid var(--line);border-radius:4px;margin-top:22px;background:#f6f8f1}.attachment-title{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:650}.attachment-title svg{width:20px;height:20px}.asset-list{list-style:none;padding:0;margin:0}.asset-list li{padding:13px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;font-size:.875rem;line-height:1.6}.asset-list li:last-child{border-bottom:0}.asset-list strong{font-weight:650}.asset-model{color:var(--muted);overflow-wrap:anywhere}.asset-model.is-missing{color:var(--warn);background:var(--warn-bg);padding:2px 7px;border-radius:3px}.asset-model.is-added{color:#3d5920;background:#eaf4d9;padding:2px 7px;border-radius:3px}.asset-location{grid-column:1/-1;color:var(--muted);font-size:.875rem}
.validation-banner{background:var(--warn-bg);border-left:3px solid #af8134;padding:16px 18px;margin:22px 0;font-size:.95rem;line-height:1.65}.validation-banner strong{display:block;color:var(--warn);font-weight:650;margin-bottom:4px}.validation-banner p{color:#684b21}.draft-mail{background:#f8faf4;border:1px solid var(--line);border-radius:4px;padding:20px;margin-top:20px}.draft-mail>p:first-child{font-size:.875rem;color:var(--muted);margin-bottom:14px}.draft-mail .email-copy{margin-top:0}.response-button{margin-top:22px;width:100%;min-height:48px}.response-confirmation{background:#edf5dc;border-left:3px solid #718d31;padding:16px 18px;margin:22px 0;font-size:.95rem}.response-confirmation strong{display:block}.response-confirmation p{margin-top:6px;color:#445b25}.history-card{margin-top:22px;background:#f0f3e9;border:1px solid #d7decb;border-radius:4px;padding:18px}.history-card h5{font-size:1rem;font-weight:650;margin:0 0 12px}.history-card p{font-size:.875rem;color:var(--muted);line-height:1.8}.history-card p strong{color:var(--ink)}
.catalog-list{margin-top:23px}.catalog-item{padding:18px 0;border-bottom:1px solid var(--line)}.catalog-item:first-child{padding-top:0}.catalog-item h5{font-size:1rem;line-height:1.5;font-weight:650;margin:0 0 8px}.catalog-item p{font-size:.875rem;color:var(--muted);line-height:1.7}.catalog-item .catalog-price{display:flex;justify-content:space-between;gap:15px;margin-top:13px;flex-wrap:wrap;color:var(--ink);font-variant-numeric:tabular-nums}.catalog-item .catalog-code{font-size:.875rem;color:var(--muted)}
.quote-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.quote-badge{background:#eff3e6;border:1px solid #d6dfc8;border-radius:3px;padding:5px 9px;font-size:.875rem;line-height:1.4;white-space:nowrap}.quote-customer{font-size:.875rem;line-height:1.75;margin-top:19px;color:var(--muted)}.quote-customer strong{color:var(--ink);display:block;font-weight:650}.quote-table{width:100%;border-collapse:collapse;margin-top:23px;font-size:.875rem;text-align:left;font-variant-numeric:tabular-nums}.quote-table th{font-weight:600;color:var(--muted);padding:12px 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote-table td{padding:17px 6px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.7}.quote-table th:first-child,.quote-table td:first-child{padding-left:0}.quote-table th:last-child,.quote-table td:last-child{padding-right:0;text-align:right}.quote-table .quote-number{white-space:nowrap;text-align:right}.quote-table td strong{font-weight:650;display:block}.quote-table td small{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.quote-table .quote-unit{white-space:nowrap}.quote-total{display:flex;justify-content:space-between;gap:20px;margin-top:23px;align-items:baseline;font-size:1rem;font-weight:650}.quote-total strong{font-size:1.55rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.quote-calculation{font-size:.875rem;color:var(--muted);margin-top:9px;font-variant-numeric:tabular-nums}.review-banner{background:#eaf2d9;border-left:3px solid #788f36;padding:18px;margin-bottom:24px}.review-banner strong{display:block;font-size:1.1rem;line-height:1.5;font-weight:650}.review-banner p{font-size:.95rem;line-height:1.7;margin-top:6px;color:#425727}.review-checks{list-style:none;margin:22px 0 0;padding:0}.review-checks li{display:flex;align-items:baseline;gap:10px;font-size:.875rem;line-height:1.7;margin:7px 0;color:var(--muted)}.review-checks li::before{content:'✓';color:#526f21;font-weight:700}.not-sent{padding:16px 18px;background:var(--ink);color:var(--paper);border-radius:4px;margin-top:23px;font-size:.95rem;font-weight:650}.automation-demo .demo-privacy{border-radius:0 0 7px 7px;background:#f7f9f2}.automation-demo .demo-privacy p{font-size:.875rem;line-height:1.75}
@keyframes result-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.automation-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:22px}.result-card{padding:23px}.quote-table th,.quote-table td{padding-left:4px;padding-right:4px}.quote-table{font-size:.8rem}.quote-table td small{font-size:.8rem}}
@media(max-width:900px){.automation-workspace{display:block;padding:0 24px 24px}.automation-controls{padding:20px 24px 16px}.automation-progress{padding:20px 24px 24px}.automation-top{padding:24px}.automation-top-note{font-size:.8rem}.automation-flow>li{padding-bottom:14px}.station-heading{grid-template-columns:44px minmax(0,1fr) auto;align-items:start;min-height:76px;padding-right:15px}.station-state{grid-column:3;grid-row:1/3;align-self:center;margin:0}.station-number{grid-row:1/3}.station-heading>div{grid-column:2}.automation-flow>li:not(:last-child)::after{top:58px;bottom:0}.station-result-slot{padding:12px 0 18px 58px}.automation-result-link{display:inline-block}.automation-result{scroll-margin-top:180px}.quote-table{font-size:.875rem}.quote-table td small{font-size:.875rem}.automation-demo[data-phase="-1"] #desktop-result-slot{margin-top:24px}}
@media(max-width:600px){.automation-top{padding:22px 16px;flex-direction:column;align-items:start;gap:12px}.automation-top h3{font-size:1.15rem}.automation-top-note{font-size:.875rem}.automation-controls{padding:17px 16px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.automation-controls .button{padding:10px 8px}.automation-controls .reset-button{margin:0;min-height:46px}.automation-result-link{grid-column:1/-1;width:fit-content}.automation-progress{padding:21px 16px 24px}.automation-progress>div{align-items:start;gap:10px}.automation-workspace{padding:0 16px 22px}.station-heading{grid-template-columns:38px minmax(0,1fr);gap:8px 12px;padding-right:7px;min-height:90px}.station-number{width:38px;height:38px;font-size:.875rem}.station-heading h4{font-size:.95rem}.station-state{grid-column:2;grid-row:2;align-self:start;font-size:.875rem}.station-heading p{font-size:.875rem}.automation-flow>li:not(:last-child)::after{left:19px;top:52px}.station-result-slot{padding:12px 0 20px}.result-card{padding:20px 16px}.result-card h4{font-size:1.3rem}.data-fields>div{grid-template-columns:1fr;gap:4px;padding:10px 0}.asset-list li{grid-template-columns:1fr;gap:5px;padding:13px 12px}.asset-model{width:fit-content}.asset-location{grid-column:1}.quote-heading{flex-wrap:wrap;gap:12px}.quote-total{align-items:start;flex-wrap:wrap;gap:8px}.quote-total strong{font-size:1.4rem}.draft-mail{padding:17px 14px}.scenario-facts{gap:12px;padding:20px 0}.scenario-facts strong{font-size:2rem}
  /* Die drei Angebotspositionen werden zu lesbaren Zeilenkarten. */
  .quote-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quote-table,.quote-table tbody{display:block}.quote-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid var(--line)}.quote-table td{padding:0!important;border:0;text-align:left!important;min-width:0;white-space:normal!important}.quote-table td:first-child{grid-column:1/-1}.quote-table td::before{content:attr(data-label);display:block;font-size:.875rem;font-weight:400;color:var(--muted);margin-bottom:3px}.quote-table td:first-child::before{display:none}.quote-table td:last-child{grid-column:1/-1;text-align:left!important;font-weight:650}.quote-table .quote-unit{white-space:normal}.quote-table tr:last-child{border-bottom:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){.result-card{animation:none}.automation-demo *,.automation-demo *::before,.automation-demo *::after{transition:none!important;animation:none!important}}