/* Automatisierungs-Seite: baut auf svc.css auf (Farben, Schrift, Karten). Muster-Bilder sind HTML/CSS (.mk). */
.am-bar{position:sticky;top:71px;z-index:30;background:rgba(5,13,9,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.am-bar-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.am-bar-in::-webkit-scrollbar{display:none}
.am-bar a{flex:none;font-size:13.5px;color:var(--soft);padding:8px 14px;border-radius:999px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}
.am-bar a:hover{color:var(--gold-hi)}
.am-bar a.on{color:var(--gold-hi);border-color:var(--gline);background:rgba(226,194,125,.07)}
.am-hero-note{margin-top:22px;max-width:620px;color:var(--muted);font-size:14.5px}
.am-hero-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.am-toc{display:grid;gap:26px}
.am-tg h3{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:400}
.am-tg ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.am-tg a{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:var(--glass);font-size:14.5px;transition:border-color .25s,background .25s,transform .35s var(--drawer)}
.am-tg a:hover{border-color:var(--gline);background:rgba(226,194,125,.06);transform:translateY(-2px)}
.am-all{margin-top:6px;font-size:13.5px;color:var(--gold);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.am-chead{display:flex;gap:clamp(14px,3vw,28px);align-items:flex-start;max-width:900px}
.am-chn{font-family:var(--it);font-style:italic;font-size:clamp(54px,8vw,104px);line-height:.85;color:var(--gold);flex:none}
.am-ct{font-size:clamp(30px,4.2vw,54px);line-height:1.08;font-weight:400;margin-top:6px;font-family:var(--sans)}
.am-chead p{color:var(--soft);max-width:60ch;margin-top:12px}
.am-chap{padding:clamp(56px,8vw,96px) 0 clamp(20px,3vw,36px);border-top:1px solid var(--line);scroll-margin-top:120px}
.am-s{padding:clamp(28px,4vw,52px) 0;scroll-margin-top:130px;position:relative}
.am-s+.am-s{border-top:1px solid rgba(255,255,255,.06)}
.am-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:start}
.am-s.rev .am-fig{order:-1}
.am-k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.am-s h2{font-size:clamp(24px,2.8vw,36px);line-height:1.14;font-weight:400;margin:10px 0 14px}
.am-ans{font-size:clamp(16.5px,1.5vw,19px);color:var(--ink);max-width:60ch}
.am-pain{margin-top:16px;padding-left:16px;border-left:2px solid rgba(224,51,62,.45);color:var(--soft);font-size:15.5px;max-width:58ch}
.am-pain b{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#F07A82;font-weight:400;margin-bottom:4px}
.am-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;counter-reset:as}
.am-steps li{display:flex;gap:12px;align-items:flex-start;color:var(--soft);font-size:15.5px;counter-increment:as}
.am-steps li:before{content:counter(as);flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--gline);color:var(--gold);display:grid;place-items:center;font-family:var(--mono);font-size:12px;margin-top:1px}
.am-lbl{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
details.am-more{margin-top:20px;border:1px solid var(--line);border-radius:18px;background:var(--glass)}
details.am-more>summary{list-style:none;cursor:pointer;padding:14px 20px;font-size:14.5px;color:var(--gold);display:flex;justify-content:space-between;align-items:center;gap:12px}
details.am-more>summary::-webkit-details-marker{display:none}
details.am-more>summary:after{content:"+";font-size:22px;line-height:1;transition:transform .3s}
details.am-more[open]>summary:after{transform:rotate(45deg)}
.am-more-in{padding:0 20px 20px;display:grid;gap:4px}
.am-more-in p{color:var(--soft);font-size:15px}
.am-more-in .am-note{padding:12px 14px;border-radius:12px;background:rgba(226,194,125,.06);border:1px solid var(--gline)}
.am-qa{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin-top:10px}
.am-qa b{display:block;font-weight:500;margin-bottom:3px}
.am-demo{display:inline-block;margin-top:16px;color:var(--gold);text-decoration:underline;text-underline-offset:3px;font-size:15px}
.am-fig{margin:0;position:sticky;top:150px}
.am-fig figcaption{margin-top:10px;font-size:13px;color:var(--muted);text-align:center}
.am-br{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.am-br th,.am-br td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:15px}
.am-br thead th{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:400;background:rgba(226,194,125,.05)}
.am-br tr:last-child td{border-bottom:0}
.am-br td:first-child{font-weight:500;white-space:nowrap}
.am-br td a{display:inline-block;margin:2px 14px 2px 0;color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.am-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.am-flow li{padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--glass)}
.am-flow b{display:block;font-weight:500;font-size:17px;margin:6px 0}
.am-flow span{font-family:var(--mono);font-size:12px;color:var(--gold)}
.am-flow p{color:var(--soft);font-size:15px}
.am-priv{padding:clamp(22px,3vw,34px);border-radius:24px;border:1px solid var(--gline);background:rgba(226,194,125,.05);max-width:900px}
.am-priv h2{font-size:clamp(24px,3vw,36px);font-weight:400;margin-bottom:10px}
.am-priv p{color:var(--soft)}
.am-disc{margin-top:22px;color:var(--muted);font-size:13px;max-width:860px}
.am-rel{display:flex;flex-wrap:wrap;gap:10px}
.am-rel a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);font-size:14.5px}
.am-rel a:hover{border-color:var(--gline);color:var(--gold-hi)}
/* Muster-Karten */
.mk{--mkb:rgba(255,255,255,.07);position:relative;border-radius:26px;padding:18px 18px 20px;border:1px solid var(--gline);background:linear-gradient(165deg,#0f2b1e,#07130d 70%);box-shadow:0 36px 70px -34px rgba(0,0,0,.75);overflow:hidden;font-size:14px;color:var(--ink);display:grid;gap:12px}
.mk-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.mk-top i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.mk-top span{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gline);border-radius:99px;padding:3px 9px}
.mk-card,.mk-doc{border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:12px 14px}
.mk-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.mk-h b{font-weight:500}
.mk-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--soft)}
.mk-row:last-child{border-bottom:0}.mk-row.b{color:var(--ink);font-weight:600}
.mk-row .pos,.pos{color:#7FD6A0}.mk-row .neg,.neg{color:#F07A82}
.mk-ok{color:#7FD6A0;display:inline-flex}
.mk-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:12px;border:1px solid var(--gline);color:var(--gold-hi);background:rgba(226,194,125,.08);white-space:nowrap}
.mk-pill.ok{color:#7FD6A0;border-color:rgba(127,214,160,.35);background:rgba(127,214,160,.1)}
.mk-pill.no{color:#F07A82;border-color:rgba(240,122,130,.35);background:rgba(240,122,130,.1)}
.mk-pill.warn{color:#F5B971;border-color:rgba(245,185,113,.35);background:rgba(245,185,113,.1)}
.mk-pill.blue{color:#8CC4F0;border-color:rgba(140,196,240,.35);background:rgba(140,196,240,.1)}
.mk-n{color:var(--soft);font-size:13.5px;margin-top:8px}
.mk-sum{padding:11px 14px;border-radius:14px;background:rgba(226,194,125,.1);border:1px solid var(--gline);color:var(--gold-hi);font-size:13.5px;display:flex;gap:8px;align-items:center}
.mk-btn{display:inline-flex;justify-content:center;padding:10px 18px;border-radius:99px;background:var(--gold);color:#1a1405;font-weight:600;font-size:13.5px;justify-self:start}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mk-chat{display:grid;gap:8px}
.mk-l{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mk-ar{display:flex;align-items:center;gap:6px;color:var(--gold)}
.mk-b{max-width:88%;padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--mkb);color:var(--ink);position:relative}
.mk-b.me{justify-self:end;border-radius:14px 14px 4px 14px;background:rgba(226,194,125,.17)}
.mk-b.tr{border:1px dashed var(--gline)}
.mk-tag{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.mk-hand{display:flex;gap:8px;align-items:center;color:var(--gold);font-size:12.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}
.mk-wave{display:flex;align-items:center;gap:3px;height:44px}
.mk-wave i{flex:1;max-width:6px;border-radius:3px;background:var(--gold);opacity:.8}
.mk-q{font-style:italic;color:var(--soft);margin:10px 0}
.mk-in{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.mk-in:last-child{border-bottom:0}
.mk-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(226,194,125,.14);color:var(--gold-hi);font-weight:600}
.mk-nm{flex:1;min-width:0;display:grid}.mk-nm small{color:var(--muted);font-size:12px}
.mk-bl{display:grid;grid-template-columns:86px 1fr 40px;gap:10px;align-items:center;padding:5px 0;color:var(--soft);font-size:13px}
.mk-bl em{font-style:normal;text-align:right;color:var(--ink)}
.mk-bar{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}.mk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi))}
.mk-cal{border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:12px}
.mk-cd,.mk-cg{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.mk-cd b{font-weight:500;text-align:center;color:var(--soft);font-size:12.5px;margin-bottom:6px}
.mk-slot{text-align:center;padding:7px 0;border-radius:9px;border:1px solid var(--gline);font-size:12px;color:var(--gold-hi)}
.mk-slot.off{opacity:.28;border-color:rgba(255,255,255,.12);color:var(--muted)}
.mk-slot.on{background:var(--gold);color:#1a1405;border-color:var(--gold);font-weight:600}
.mk-tl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}
.mk-tl:before{content:"";position:absolute;left:16%;right:16%;top:17px;height:1px;background:var(--gline)}
.mk-nd{display:grid;justify-items:center;gap:4px;text-align:center;position:relative}
.mk-nd span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0b2016;border:1px solid var(--gold);color:var(--gold);font-family:var(--mono)}
.mk-nd.last span{background:var(--gold);color:#1a1405}
.mk-nd b{font-weight:500}.mk-nd small{color:var(--muted)}
.mk-stars{text-align:center;color:var(--gold);letter-spacing:.2em;font-size:18px}
.mk-st{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;position:relative}
.mk-st:before{content:"";position:absolute;left:10%;right:10%;top:15px;height:1px;background:rgba(255,255,255,.18)}
.mk-s{display:grid;justify-items:center;gap:5px;text-align:center;position:relative}
.mk-s span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0b2016;border:1px solid rgba(255,255,255,.25);color:var(--muted);font-size:12px}
.mk-s.done span{background:rgba(127,214,160,.15);border-color:#7FD6A0;color:#7FD6A0}
.mk-s.now span{background:var(--gold);color:#1a1405;border-color:var(--gold);box-shadow:0 0 0 5px rgba(226,194,125,.16)}
.mk-s small{font-size:11px;color:var(--soft);line-height:1.2}
.mk-loc{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;border:1px solid var(--gline);color:var(--gold-hi);font-size:13px}
.mk-pay{margin-top:12px}
.mk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.mk-tile{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.mk-tile small{display:block;color:var(--muted);font-size:11.5px}.mk-tile b{display:block;font-size:16px;font-weight:600;margin-top:2px;white-space:nowrap}
.mk-sp{width:100%;height:60px;margin-top:10px;display:block}
.mk-sp .ln{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}
.mk-sp .lim{stroke:rgba(240,122,130,.7);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.mk-sp.tall{height:120px}
.mk-dot{fill:#F07A82}
.mk-posts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk-post{border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:10px;display:grid;gap:4px}
.mk-post b{font-weight:500;font-size:13px}.mk-post small{color:var(--gold);font-family:var(--mono);font-size:11px}
.mk-th{aspect-ratio:9/12;border-radius:10px;background:linear-gradient(160deg,rgba(226,194,125,.35),rgba(14,59,40,.9));position:relative}.mk-th:after{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -7px;border-left:16px solid rgba(255,255,255,.85);border-top:11px solid transparent;border-bottom:11px solid transparent}
.mk-tr3{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--soft);font-size:13.5px}
.mk-tr3:last-child{border-bottom:0}.mk-tr3.hd{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mk-alert{padding:11px 14px;border-radius:14px;background:rgba(245,185,113,.1);border:1px solid rgba(245,185,113,.35);color:#F5B971;font-size:13.5px}
.mk-kw{padding:4px 11px;border-radius:99px;background:rgba(255,255,255,.06);font-size:12.5px;color:var(--soft)}
.mk-ls{display:grid;grid-template-columns:34px 1fr 16px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--soft);font-size:13.5px}
.mk-ls:last-child{border-bottom:0}.mk-ls svg{color:#7FD6A0}
.mk-lg{font-family:var(--mono);font-size:11px;color:var(--gold);border:1px solid var(--gline);border-radius:8px;padding:3px 0;text-align:center}
@media (max-width:980px){
 .am-grid{grid-template-columns:1fr}
 .am-s.rev .am-fig{order:0}
 .am-fig{position:static}
 .am-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
 .am-br thead{display:none}
 .am-br,.am-br tbody,.am-br tr,.am-br td{display:block;width:100%}
 .am-br tr{border-bottom:1px solid var(--line);padding:6px 0}.am-br tr:last-child{border-bottom:0}
 .am-br td{border:0;padding:6px 16px}.am-br td:first-child{white-space:normal;color:var(--gold-hi)}
 .am-flow{grid-template-columns:1fr}
 .am-chead{flex-direction:column;gap:6px}
 .mk{padding:14px}
 .mk-bl{grid-template-columns:70px 1fr 36px}
}
@media (prefers-reduced-motion:reduce){.am-tg a{transition:none}}

/* Ersatzschriften in der Breite der echten Schriften: sonst springt der Seitenkopf, wenn Geist und Instrument Serif nachladen (Instrument Serif ist rund 20 % schmaler als Georgia) */
@font-face{font-family:"Geist Fallback";src:local("Arial");font-weight:100 900;size-adjust:102.4%}
@font-face{font-family:"Instrument Fallback";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic"),local("Georgia");size-adjust:78%}
:root{--sans:'Geist','Geist Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--it:'Instrument Serif','Instrument Fallback',Georgia,serif}