/* Layout: abwechselnd dunkle und helle Bänder wie auf hazel-nutz, eine Erzählachse von der Anfrage bis zum Ausbau,
   Herzstück ist die Triage-Animation in Kapitel 4. Tokens identisch zur bestehenden Website. */
.fsx *{box-sizing:border-box}
:where(.fsx) h1,:where(.fsx) h2,:where(.fsx) h3{font-family:var(--font-d);letter-spacing:-.03em;line-height:1.02;margin:0;font-weight:700;text-wrap:balance}
:where(.fsx) p{margin:0}
.fs-wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.fs-band{padding-block:clamp(64px,10vw,128px);position:relative;overflow:hidden}
.fs-dark{background:var(--black);color:#fff}
.fs-navy{background:linear-gradient(180deg,var(--navy3),var(--navy));color:#fff}
.fs-light{background:var(--paper);color:var(--ink)}
.fs-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--font-b);letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:18px}
.fs-dark .fs-eyebrow,.fs-navy .fs-eyebrow{color:var(--mute)}
.fs-eyebrow b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--neon);color:var(--neon-ink);font-size:12px;letter-spacing:0}
.fs-h2{font-size:clamp(34px,5.2vw,64px);max-width:16ch}
.fs-lede{font-size:clamp(17px,1.6vw,20px);line-height:1.55;max-width:62ch;margin-top:20px;color:var(--steel)}
.fs-dark .fs-lede,.fs-navy .fs-lede{color:#C9D0DB}
.fs-label-d{font:600 11.5px/1 var(--font-b);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fs-neon{color:var(--neon)}

/* Reveal: Ruhezustand bleibt lesbar, Bewegung kommt dazu */
.fs-rv{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.fs-js .fs-rv:not(.fs-in){opacity:.3;transform:translateY(22px)}

/* Fortschritt */
.fsx{--glow:rgba(220,242,60,.45)}
.fs-progress{position:fixed;left:0;right:0;top:var(--nav,68px);height:3px;z-index:50;padding-top:env(safe-area-inset-top,0px);pointer-events:none}
.fs-progress i{display:block;height:3px;width:100%;background:var(--neon);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px var(--glow)}

/* Buttons mit Glanz */
.fs-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--font-b);padding:16px 24px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s}
.fs-btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%)}
.fs-btn:hover::after{animation:fs-sheen .9s var(--ease)}
.fs-btn:hover{transform:translateY(-2px)}
.fs-btn:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
@keyframes fs-sheen{to{transform:translateX(120%)}}
.fs-btn-neon{background:var(--neon);color:var(--neon-ink);box-shadow:0 10px 30px -10px var(--glow)}
.fs-btn-glass{background:var(--glass);color:#fff;border:1px solid var(--glass-b);box-shadow:inset 0 1px 0 var(--glass-hi)}

/* Hero */
.fs-hero{padding-block:clamp(72px,11vw,140px) clamp(56px,8vw,96px);background:var(--black);color:#fff;position:relative;overflow:hidden}
.fs-hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 50% at 78% 20%,rgba(21,51,196,.55),transparent 70%),radial-gradient(35% 45% at 12% 85%,rgba(58,31,158,.5),transparent 70%),radial-gradient(25% 30% at 60% 70%,rgba(220,242,60,.12),transparent 70%);animation:fs-drift 18s ease-in-out infinite alternate;pointer-events:none}
.fs-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
@keyframes fs-drift{to{transform:translate3d(-4%,3%,0) scale(1.06)}}
.fs-hero .fs-wrap{position:relative;z-index:1}
.fs-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;font-size:13.5px;font-weight:500;color:#D6DBE4;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 var(--glass-hi)}
.fs-kicker i{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--glow)}
.fs-hero h1{font-size:clamp(48px,9vw,118px);letter-spacing:-.045em;line-height:.95;margin-top:28px}
.fs-hero h1 em{font-style:normal;color:var(--neon)}
.fs-hero .fs-lede{max-width:56ch}
.fs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px;max-width:980px}
@media (max-width:760px){.fs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fs-fact{border-radius:18px;padding:16px 18px;background:var(--glass);border:1px solid var(--line-d)}
.fs-fact span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.fs-fact b{display:block;font:600 17px/1.25 var(--font-d);margin-top:6px}
.fs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.fs-note{font-size:13.5px;color:var(--mute2);margin-top:22px;max-width:70ch}

/* Anfrage */
.fs-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;margin-top:40px}
@media (max-width:860px){.fs-two{grid-template-columns:minmax(0,1fr)}}
.fs-quote{margin:0;font:500 clamp(21px,2.3vw,28px)/1.38 var(--font-d);letter-spacing:-.015em;color:var(--navy);padding-left:24px;border-left:3px solid var(--neon-deep)}
.fs-quote cite{display:block;font:500 14px/1.4 var(--font-b);font-style:normal;color:var(--steel);margin-top:18px;letter-spacing:0}
.fs-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.fs-list li{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;font-size:15.5px}
.fs-list li:last-child{border-bottom:1px solid var(--line)}
.fs-list li span{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);padding-top:3px}

/* Zahlen */
.fs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
@media (max-width:860px){.fs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fs-stat{border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--glass-b);box-shadow:inset 0 1px 0 var(--glass-hi)}
.fs-stat b{display:block;font:800 clamp(44px,6vw,76px)/1 var(--font-d);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.fs-stat .u{display:inline-block;font:700 13px/1 var(--font-b);padding:6px 10px;border-radius:999px;background:var(--neon);color:var(--neon-ink);margin-top:14px}
.fs-stat p{font-size:14.5px;color:#C9D0DB;margin-top:12px}
.fs-thesis{font:700 clamp(28px,4vw,52px)/1.08 var(--font-d);letter-spacing:-.035em;margin-top:56px;max-width:20ch}

/* Engpass */
.fs-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px;position:relative}
@media (max-width:860px){.fs-flow{grid-template-columns:minmax(0,1fr)}}
.fs-flow-step{border-radius:22px;padding:22px;background:var(--white);border:1px solid var(--line);position:relative;min-height:170px}
.fs-flow-step small{font:600 12px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.fs-flow-step h3{font-size:26px;margin-top:12px}
.fs-flow-step p{font-size:15px;color:var(--steel);margin-top:10px}
.fs-flow-step.fs-hot{background:var(--navy);border-color:var(--navy);color:#fff}
.fs-flow-step.fs-hot small{color:var(--neon)}
.fs-flow-step.fs-hot p{color:#C9D0DB}
.fs-flow.fs-in .fs-hot{animation:fs-hot 2.4s var(--ease) .6s 2}
@keyframes fs-hot{0%,100%{box-shadow:0 0 0 0 rgba(220,242,60,0)}40%{box-shadow:0 0 0 6px rgba(220,242,60,.55),0 20px 50px -20px rgba(10,27,46,.6)}}
.fs-flow-step:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--steel);border-right:2px solid var(--steel);transform:translateY(-50%) rotate(45deg);z-index:2}
@media (max-width:860px){.fs-flow-step:not(:last-child)::after{right:auto;left:28px;top:auto;bottom:-12px;transform:rotate(135deg)}}
.fs-aside{margin-top:28px;font-size:15px;color:var(--steel);max-width:70ch}
.fs-aside b{color:var(--ink)}

/* Rechnung */
.fs-calc{display:grid;gap:0;margin-top:40px;max-width:760px}
.fs-calc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line-d)}
.fs-calc-row span{color:#C9D0DB;font-size:16px}
.fs-calc-row b{font:700 clamp(22px,2.6vw,30px)/1 var(--font-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.fs-calc-row.fs-total{border-bottom:1px solid var(--line-d)}
.fs-calc-row.fs-total b{color:var(--neon);font-size:clamp(30px,4vw,44px)}
.fs-sub{font:600 22px/1.2 var(--font-d);margin-top:64px;margin-bottom:20px}
.fs-details{margin-top:28px;border-radius:20px;background:var(--glass);border:1px solid var(--line-d);max-width:900px}
.fs-details summary{cursor:pointer;padding:18px 22px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.fs-details summary::-webkit-details-marker{display:none}
.fs-details summary::after{content:"+";color:var(--neon);font-size:22px;line-height:1}
.fs-details[open] summary::after{content:"−"}
.fs-details summary:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:20px}
.fs-details-body{padding:0 22px 22px}
.fs-mins{width:100%;border-collapse:collapse;font-size:15px}
.fs-mins td{padding:10px 0;border-top:1px solid var(--line-d);vertical-align:top}
.fs-mins td:first-child{font-weight:600;width:38%;padding-right:12px}
.fs-mins td:nth-child(2){color:#C9D0DB;padding-right:12px}
.fs-mins td:last-child{text-align:right;font:700 17px/1.4 var(--font-d);white-space:nowrap;font-variant-numeric:tabular-nums}
.fs-mins tr.fs-sum td{border-top:2px solid var(--neon);color:var(--neon)}
.fs-details-body p{color:#C9D0DB;font-size:14.5px;margin-top:16px}

/* Lösung */
.fs-solution .fs-tri{margin-top:44px;border-radius:30px;padding:clamp(16px,2.6vw,32px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--glass-b);box-shadow:inset 0 1px 0 var(--glass-hi),0 50px 100px -50px rgba(0,0,0,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* Steckbrief */
.fs-mail{border-radius:22px;background:var(--white);border:1px solid var(--line);padding:22px;font-size:14px;line-height:1.6}
.fs-mail-h{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px;font-size:13px;color:var(--steel)}
.fs-mail-h b{color:var(--ink)}
.fs-mail pre{margin:0;white-space:pre-wrap;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}
.fs-brief{border-radius:22px;background:var(--navy);color:#fff;padding:24px;box-shadow:0 40px 80px -40px rgba(10,27,46,.7)}
.fs-brief-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:11px 0;border-top:1px solid var(--line-d);font-size:15px}
.fs-brief-row:first-of-type{border-top:0}
.fs-brief-row span{font:600 11.5px/1.6 var(--font-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.fs-brief-row .fs-k1{display:inline-block;background:var(--red);color:#fff;font:700 12px/1 var(--font-b);padding:5px 9px;border-radius:999px;margin-right:6px}
.fs-draft{margin-top:16px;border-radius:16px;background:var(--glass);border:1px dashed var(--neon);padding:16px;font-size:14px;color:#D6DBE4}
.fs-draft em{display:block;font-style:normal;font:700 11px/1 var(--font-b);letter-spacing:.1em;text-transform:uppercase;color:var(--neon);margin-bottom:10px}
.fs-js .fs-brief:not(.fs-in) .fs-brief-row,.fs-js .fs-brief:not(.fs-in) .fs-draft{opacity:.3;transform:translateX(12px)}
.fs-brief .fs-brief-row,.fs-brief .fs-draft{transition:opacity .6s var(--ease),transform .6s var(--ease)}
@media (max-width:560px){.fs-brief-row,.fs-list li{grid-template-columns:minmax(0,1fr);gap:4px}}

/* Prototyp */
.fs-proto{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);margin-top:44px;align-items:start}
@media (max-width:860px){.fs-proto{grid-template-columns:minmax(0,1fr)}}
.fs-tree{border-radius:22px;padding:22px 24px;background:var(--navy3);border:1px solid var(--glass-b);font:14px/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#D6DBE4;overflow-x:auto}
.fs-tree .d{color:var(--neon);font-weight:700}
.fs-tree .c{color:var(--mute2)}
.fs-tree .cmd{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-d);color:#fff}
.fs-tree .cmd::before{content:"› ";color:var(--neon)}
.fs-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:560px){.fs-points{grid-template-columns:minmax(0,1fr)}}
.fs-point{border-radius:20px;padding:20px;background:var(--glass);border:1px solid var(--line-d)}
.fs-point h3{font-size:20px;color:var(--neon)}
.fs-point p{font-size:14.5px;color:#C9D0DB;margin-top:8px}

/* Daten */
.fs-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}
@media (max-width:860px){.fs-phases{grid-template-columns:minmax(0,1fr)}}
.fs-phase{border-radius:22px;padding:24px;background:var(--white);border:1px solid var(--line)}
.fs-phase small{font:600 12px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--neon-deep)}
.fs-phase h3{font-size:24px;margin-top:10px}
.fs-phase p{font-size:15px;color:var(--steel);margin-top:12px}
.fs-phase ul{margin:14px 0 0;padding-left:18px;font-size:14.5px;color:var(--ink);display:grid;gap:6px}
.fs-fallback{margin-top:20px;border-radius:22px;padding:24px;background:var(--navy);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.fs-fallback b{font:700 20px/1.2 var(--font-d);color:var(--neon)}
.fs-fallback p{color:#C9D0DB;font-size:15.5px}
@media (max-width:640px){.fs-fallback{grid-template-columns:minmax(0,1fr)}}

/* Fahrplan */
.fs-tl{position:relative;margin-top:52px}
.fs-tl-line{position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--neon),rgba(220,242,60,.15));transform-origin:0 50%;transition:transform 1.6s var(--ease)}
.fs-js .fs-tl:not(.fs-in) .fs-tl-line{transform:scaleX(.06)}
.fs-tl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
@media (max-width:860px){.fs-tl-line{display:none}.fs-tl-grid{grid-template-columns:minmax(0,1fr)}}
.fs-week i{display:block;width:32px;height:32px;border-radius:50%;background:var(--navy3);border:2px solid var(--neon);font:700 13px/28px var(--font-b);text-align:center;font-style:normal;color:var(--neon)}
.fs-week:last-child i{background:var(--neon);color:var(--neon-ink)}
.fs-week h3{font-size:24px;margin-top:18px}
.fs-week p{font-size:15px;color:#C9D0DB;margin-top:10px}
.fs-kpis{margin-top:56px;border-radius:24px;padding:clamp(20px,3vw,32px);background:var(--glass);border:1px solid var(--glass-b);box-shadow:inset 0 1px 0 var(--glass-hi)}
.fs-kpis ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
@media (max-width:640px){.fs-kpis ul{grid-template-columns:minmax(0,1fr)}}
.fs-kpis li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;font-size:16px}
.fs-kpis li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--neon);margin-top:8px}

/* Ausbau */
.fs-stairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin-top:52px}
@media (max-width:860px){.fs-stairs{grid-template-columns:minmax(0,1fr)}}
.fs-stair{border-radius:22px;padding:22px;background:var(--white);border:1px solid var(--line)}
.fs-stair:nth-child(1){margin-bottom:0;background:var(--navy);color:#fff;border-color:var(--navy)}
.fs-stair:nth-child(2){margin-bottom:36px}
.fs-stair:nth-child(3){margin-bottom:72px}
.fs-stair:nth-child(4){margin-bottom:108px}
@media (max-width:860px){.fs-stair:nth-child(n){margin-bottom:0}}
.fs-stair small{font:600 12px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.fs-stair:nth-child(1) small{color:var(--neon)}
.fs-stair h3{font-size:22px;margin-top:10px}
.fs-stair p{font-size:14.5px;color:var(--steel);margin-top:8px}
.fs-stair:nth-child(1) p{color:#C9D0DB}
.fs-why{margin-top:36px;border-radius:22px;padding:24px;background:var(--paper2);max-width:900px}
.fs-why b{font:700 19px/1.3 var(--font-d);display:block;margin-bottom:8px}
.fs-why p{font-size:15.5px;color:var(--ink)}

/* Grenzen */
.fs-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:44px}
@media (max-width:760px){.fs-limits{grid-template-columns:minmax(0,1fr)}}
.fs-limit{border-radius:22px;padding:22px 24px;background:var(--glass);border:1px solid var(--line-d)}
.fs-limit h3{font-size:21px}
.fs-limit p{font-size:15px;color:#C9D0DB;margin-top:8px}

/* Abschluss */
.fs-cta{background:radial-gradient(60% 80% at 80% 0%,rgba(21,51,196,.5),transparent 70%),radial-gradient(50% 70% at 0% 100%,rgba(58,31,158,.45),transparent 70%),var(--black);color:#fff;text-align:left}
.fs-cta h2{font-size:clamp(36px,6vw,76px);max-width:14ch}
.fs-mailto{margin-top:20px;font-size:15px;color:var(--mute)}
.fs-mailto span{color:#fff;user-select:all}

/* ===== Triage-Animation (Modul) ===== */
.fs-tri{position:relative;color:#fff}
.fs-tri-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.fs-tri-status{font-size:14px;color:var(--mute);display:flex;align-items:center;gap:10px;min-width:0}
.fs-tri-status i{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 var(--glow);flex:none}
.fs-tri.is-playing .fs-tri-status i{animation:fs-dot 1.4s ease-out infinite}
@keyframes fs-dot{0%{box-shadow:0 0 0 0 var(--glow)}100%{box-shadow:0 0 0 10px rgba(220,242,60,0)}}
.fs-tri-ctrl{display:flex;gap:8px}
.fs-tri-ctrl button{font:600 13px/1 var(--font-b);padding:10px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--glass-b);background:var(--glass);color:#fff;transition:background .25s,border-color .25s}
.fs-tri-ctrl button:hover{background:var(--glass-hi)}
.fs-tri-ctrl button.fs-primary{background:var(--neon);color:var(--neon-ink);border-color:var(--neon)}
.fs-tri-ctrl button:focus-visible{outline:2px solid var(--neon);outline-offset:3px}

.fs-tri-viewport{position:relative;width:100%;overflow:hidden}
.fs-tri-stage{position:absolute;left:0;top:0;transform-origin:0 0}

.fs-tri-panel{position:absolute;border-radius:22px;padding:18px}
.fs-tri-in{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--glass-b);box-shadow:inset 0 1px 0 var(--glass-hi)}
.fs-tri-out{background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.fs-tri-label{font:600 11.5px/1 var(--font-b);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fs-tri-out .fs-tri-label{color:var(--steel)}

.fs-tri-node{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,var(--navy2),var(--navy3));border:1px solid var(--glass-b);box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 60px -30px rgba(0,0,0,.9);transition:border-color .4s}
.fs-tri-node b{font:700 19px/1.05 var(--font-d);letter-spacing:-.02em}
.fs-tri-node small{display:block;font-size:11.5px;line-height:1.35;color:var(--mute);margin-top:7px;padding:0 16px;min-height:31px}
.fs-tri-ring{position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--neon);opacity:0;pointer-events:none}
.fs-tri-node.is-busy{border-color:var(--neon)}
.fs-tri-node.is-busy .fs-tri-ring{animation:fs-ring 1.1s ease-out infinite}
@keyframes fs-ring{0%{transform:scale(.9);opacity:.75}100%{transform:scale(1.2);opacity:0}}

.fs-tri-erp{position:absolute;background:var(--white);color:var(--ink);border-radius:16px;padding:12px 14px;font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease);box-shadow:0 20px 40px -16px rgba(0,0,0,.7)}
.fs-tri-erp.is-on{opacity:1;transform:none}
.fs-tri-erp .fs-tri-label{color:var(--steel);display:block;margin-bottom:6px;font-size:10.5px}
.fs-tri-erp .bad{color:var(--red-ink);font-weight:700}

.fs-tri-card{position:absolute;background:var(--white);color:var(--ink);border-radius:14px;padding:11px 13px;font-size:13px;box-shadow:0 10px 26px -10px rgba(0,0,0,.55);transition:left .8s cubic-bezier(.5,.1,.25,1),top .8s cubic-bezier(.5,.1,.25,1),width .5s var(--ease),opacity .4s}
.fs-tri-card .s{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-tri-card .m{font-size:11.5px;color:var(--steel);margin-top:2px}
.fs-tri-card .tags{display:none;flex-wrap:wrap;gap:6px;margin-top:8px}
.fs-tri-card.is-tagged .tags{display:flex}
.fs-tri-card .brief{display:none;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.5}
.fs-tri-card.is-open .brief{display:block}
.fs-tri-card .brief b{color:var(--navy)}
.fs-tag{font:700 10.5px/1 var(--font-b);letter-spacing:.03em;padding:4px 9px;border-radius:999px}
.fs-tag.k1{background:var(--red);color:#fff}
.fs-tag.k2{background:var(--navy);color:var(--neon)}
.fs-tag.k3{background:#E4EBC0;color:var(--neon-deep)}
.fs-tag.cat{background:var(--paper2);color:var(--navy)}
.fs-tag.unsure{background:#F3E2CF;color:#7A5320}
.fs-tag.draft{background:var(--neon);color:var(--neon-ink)}

.fs-tri-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
@media (max-width:760px){.fs-tri-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fs-tri-step{border-radius:16px;padding:14px 16px;background:var(--glass);border:1px solid var(--line-d);opacity:.5;transition:opacity .3s,background .3s,border-color .3s}
.fs-tri-step.is-on{opacity:1;background:var(--glass-hi);border-color:var(--neon)}
.fs-tri-step b{display:block;font:700 16px/1.1 var(--font-d);color:var(--neon)}
.fs-tri-step span{display:block;font-size:12.5px;line-height:1.4;color:#D6DBE4;margin-top:5px}

@media (prefers-reduced-motion:reduce){
  .fs-tri-card,.fs-tri-erp{transition:none}
  .fs-tri-node.is-busy .fs-tri-ring,.fs-tri.is-playing .fs-tri-status i{animation:none}
}

@media (prefers-reduced-motion:reduce){
  .fs-hero::before{animation:none}
  .fs-rv,.fs-tl-line,.fs-brief .fs-brief-row,.fs-brief .fs-draft{transition:none}
  .fs-js .fs-rv:not(.fs-in),.fs-js .fs-brief:not(.fs-in) .fs-brief-row,.fs-js .fs-brief:not(.fs-in) .fs-draft{opacity:1;transform:none}
  .fs-js .fs-tl:not(.fs-in) .fs-tl-line{transform:none}
  .fs-flow.fs-in .fs-hot{animation:none}
  .fs-btn:hover::after{animation:none}
}

/* ===== Unterseiten (in-24-stunden, fallbeispiel-serviceflut): gemeinsame Ergaenzungen ===== */
.fsx{overflow-x:clip}
.fs-hero{padding-top:clamp(56px,8vw,110px)}
.fs-hero h1{font-size:clamp(38px,6vw,76px)}
.fs-mailto a{color:inherit;text-decoration:underline;text-decoration-color:var(--neon);text-underline-offset:3px}
@media(max-width:600px){.fs-actions{display:grid;gap:10px}.fs-btn{white-space:normal;text-align:center;justify-content:center;width:100%}}

/* Fallbeispiel: das erste Gespraech als Dialog */
.fs-chat{display:grid;gap:16px;max-width:780px;margin-top:36px}
.fs-msg{display:flex;align-items:flex-end;gap:12px}
.fs-msg img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.fs-msg-b{min-width:0}
.fs-msg small{display:block;margin:0 0 5px 4px;font:600 11.5px/1 var(--font-b);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.fs-msg p{margin:0;padding:13px 17px;border-radius:20px;font-size:16px;line-height:1.5;max-width:54ch}
.fs-msg-gf p{background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:5px;box-shadow:0 14px 30px -24px rgba(10,27,46,.45)}
.fs-msg-hn{flex-direction:row-reverse}
.fs-msg-hn small{text-align:right;margin:0 4px 5px 0}
.fs-msg-hn p{background:var(--navy);color:#fff;border-bottom-right-radius:5px}
.fs-chat-note{margin-top:22px;font-size:14px;color:var(--steel)}
.fs-stats+.fs-calc{margin-top:40px}
.fs-foot{margin-top:18px;font-size:14px;line-height:1.5;color:var(--mute);max-width:72ch}
.fs-ergebnis .fs-stat b{color:var(--neon);font:800 clamp(34px,3.4vw,50px)/1 var(--font-d);letter-spacing:-.04em;overflow-wrap:anywhere}
.fs-ergebnis .fs-thesis{margin-top:36px}
@media(max-width:600px){.fs-msg img{width:38px;height:38px}.fs-msg p{font-size:15px;padding:11px 14px}}

/* In 24 Stunden: Schritte */
.p24-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.p24-step{position:relative;padding:24px 22px 26px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 50px -36px rgba(10,27,46,.45)}
.p24-step i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:800 18px/1 var(--font-d);font-style:normal}
.p24-step.hl i{background:var(--neon);color:var(--navy)}
.p24-step h3{margin:16px 0 0;font-size:21px;line-height:1.15}
.p24-step em{display:block;margin-top:5px;font-style:normal;font-weight:600;font-size:14px;line-height:1.35;color:var(--neon-deep)}
.p24-step p{margin:12px 0 0;font-size:15.5px;line-height:1.5;color:var(--steel)}
.p24-step ul{margin:12px 0 0;padding-left:18px;font-size:15px;line-height:1.5;color:var(--steel)}
.p24-step ul li+li{margin-top:4px}
.p24-step .btn{margin-top:16px}
@media(max-width:1000px){.p24-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.p24-steps{grid-template-columns:1fr;gap:12px;margin-top:28px}.p24-step{padding:20px 18px 22px}}

/* In 24 Stunden: so sieht eine Darstellung aus */
.p24-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:36px}
.p24-gets{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.p24-gets li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:start;font-size:15.5px;line-height:1.5;color:var(--steel)}
.p24-gets li b{display:block;color:var(--ink);font-size:16.5px}
.p24-gets li i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);font-style:normal}
.p24-gets li i svg{width:18px;height:18px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p24-mock{position:relative;padding:22px 24px 20px;border-radius:24px;background:linear-gradient(180deg,var(--navy3),var(--navy));color:#fff;box-shadow:0 34px 70px -40px rgba(0,0,0,.85)}
.p24-mock-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.p24-mock-h b{font:700 15px/1.2 var(--font-d)}
.p24-mock-h span{font-size:12px;color:var(--mute)}
.p24-lane{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0}
.p24-lane+.p24-lane{border-top:1px dashed rgba(255,255,255,.14)}
.p24-ll{font:700 11.5px/1.3 var(--font-b);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.p24-chips{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.p24-chips span{position:relative;padding:8px 12px;border-radius:999px;font-size:13.5px;font-weight:600;line-height:1.2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#E6EAF0;white-space:nowrap}
.p24-chips .ki{background:var(--neon);color:var(--neon-ink);border-color:var(--neon)}
.p24-chips .hu{background:#fff;color:var(--navy);border-color:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:p24Pulse 3s ease-out infinite}
.p24-chips .slow{color:var(--mute);text-decoration:line-through;text-decoration-color:rgba(224,101,90,.9);text-decoration-thickness:2px}
@keyframes p24Pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.p24-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:var(--mute)}
.p24-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px;background:var(--neon)}
.p24-legend .hu::before{background:#fff}
.p24-legend .q::before{background:var(--red)}
.p24-chips .q{border-color:rgba(224,101,90,.8)}
.p24-chips .q::after{content:"?";position:absolute;right:-7px;top:-8px;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font:800 11px/18px var(--font-d);text-align:center}
@media(max-width:900px){.p24-two{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.p24-lane{grid-template-columns:1fr;gap:8px;padding:12px 0}.p24-chips{gap:8px}.p24-chips span{font-size:12.5px;padding:7px 10px}.p24-mock{padding:18px 16px 16px}}
@media(prefers-reduced-motion:reduce){.p24-chips .hu{animation:none}}

/* In 24 Stunden: Beispiel-Karte und Fragen */
.p24-ex{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;margin-top:40px;padding:24px 26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -36px rgba(10,27,46,.45)}
.p24-ex .eyebrow{margin:0 0 6px}
.p24-ex h3{margin:0;font-size:22px}
.p24-ex p{margin:8px 0 0;font-size:15.5px;line-height:1.5;color:var(--steel);max-width:62ch}
@media(max-width:700px){.p24-ex{grid-template-columns:1fr}}
#fragen.p24-faq .fq-head .lede{display:block;white-space:normal;font-size:16px;line-height:1.5}
.p24-what{padding-top:0}
.p24-what .sec-head{margin-top:0}
.p24-faq .qs{margin-top:0}
@media(max-width:860px){.p24-faq .fq-head .lede{display:block}}
.p24-cta{padding:clamp(56px,7vw,96px) 0}

/* ===================== v77 ===================== */
/* Pfeil-Linie (senkrecht, Pfeilspitze in der Mitte), hell und dunkel */
.st4 li+li::before,.fs-path li+li::before{content:"";position:absolute;left:-4px;top:16px;bottom:16px;width:14px;pointer-events:none}
.st4 li+li::before{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M4 0L11 12L4 24' fill='none' stroke='%23B3BCC7' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 0 50%/14px 24px no-repeat,
  linear-gradient(#B3BCC7,#B3BCC7) 3.2px 0/1.6px calc(50% - 12px) no-repeat,
  linear-gradient(#B3BCC7,#B3BCC7) 3.2px 100%/1.6px calc(50% - 12px) no-repeat}
.fs-path li+li::before{top:12px;bottom:12px;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M4 0L11 12L4 24' fill='none' stroke='%23FFFFFF' stroke-opacity='.4' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 0 50%/14px 24px no-repeat,
  linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) 3.2px 0/1.6px calc(50% - 12px) no-repeat,
  linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) 3.2px 100%/1.6px calc(50% - 12px) no-repeat}

/* In 24 Stunden: Kopf mit Stempeln */
.p24-badges{margin-top:20px}
/* In 24 Stunden: vier Schritte kompakt in einer Karte */
.st4{list-style:none;margin:34px 0 0;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 50px -36px rgba(10,27,46,.45)}
.st4 li{position:relative;padding:18px 20px 20px}
.st4>li>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font:800 17px/1 var(--font-d);font-style:normal}
.st4 li.hl>i{background:var(--neon);color:var(--navy)}
.st4 h3{margin:14px 0 0;font-size:20px;line-height:1.2}
.st4 em{display:block;margin-top:4px;font-style:normal;font-weight:600;font-size:13.5px;line-height:1.4;color:var(--neon-deep)}
.st4-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.st4-d>div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .45s}
.st4.open .st4-d{grid-template-rows:1fr}
.st4.open .st4-d>div{visibility:visible;transition-delay:0s}
.st4-d p{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--steel)}
@media(max-width:900px){
 .st4{grid-template-columns:1fr 1fr}
 .st4 li:nth-child(odd)::before{display:none}
 .st4 li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:600px){
 .st4{grid-template-columns:1fr;padding:6px 16px}
 .st4 li{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;padding:14px 0}
 .st4 li::before{display:none}
 .st4 li:nth-child(n+3){border-top:0}
 .st4 li:not(:last-child)::after{content:"";position:absolute;left:15px;top:60px;bottom:-10px;width:12px;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5L6 6.5L10.5 1.5' fill='none' stroke='%23B3BCC7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 100%/12px 8px no-repeat,
  linear-gradient(#C7CED6,#C7CED6) 50% 0/2px calc(100% - 2px) no-repeat}
 .st4>li>i{grid-row:1/3}
 .st4 h3{margin:2px 0 0;font-size:18px}
 .st4-d{grid-column:2}
}

/* In 24 Stunden: Vorschau der Simulation, anklickbar und in Bewegung */
.p24-gets li{align-items:center}
.p24-gets li b{font-size:16.5px;line-height:1.35}
.sim-k{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:14.5px;font-weight:600;color:var(--navy)}
.sim-k>span{padding:4px 10px;border-radius:999px;background:var(--neon);color:var(--navy);font:800 11.5px/1.2 var(--font-d);letter-spacing:.1em;text-transform:uppercase}
.sim-box{position:relative;padding:20px 22px 18px;border-radius:24px;background:linear-gradient(180deg,var(--navy3),var(--navy));color:#fff;box-shadow:0 34px 70px -40px rgba(0,0,0,.85)}
.sim-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px}
.sim-h b{font:700 15.5px/1.2 var(--font-d)}
.sim-tabs{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.sim-tabs button{border:0;background:none;color:#C9D0DB;font:inherit;font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.sim-tabs button[aria-pressed="true"]{background:#fff;color:var(--navy)}
.sim-tabs button:focus-visible,.sim-track button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.sim-track{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.sim-track li{position:relative}
.sim-track li+li::before{content:"";position:absolute;left:-17px;top:50%;width:12px;height:12px;margin-top:-6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' fill='none' stroke='%23FFFFFF' stroke-opacity='.45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat}
.sim-track button{position:relative;border:0;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;line-height:1.2;padding:9px 13px;border-radius:999px;white-space:nowrap;opacity:.45;transition:opacity .35s,transform .35s var(--ease),box-shadow .35s}
.sim-track button.hu{background:#fff;color:var(--navy)}
.sim-track button.ki{background:var(--neon);color:var(--neon-ink)}
.sim-track button.q{background:var(--neon);color:var(--neon-ink);box-shadow:inset 0 0 0 2px rgba(224,101,90,.9)}
.sim-track button.q::after{content:"?";position:absolute;right:-6px;top:-7px;width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;font:800 11px/17px var(--font-d);text-align:center}
.sim-box[data-m="a"] .sim-track button.hu{background:rgba(255,255,255,.9)}
.sim-track button.done{opacity:.8}
.sim-track button.on{opacity:1;transform:translateY(-2px) scale(1.06);box-shadow:0 0 0 3px rgba(255,255,255,.22),0 12px 24px -12px rgba(0,0,0,.9)}
.sim-track button.q.on{box-shadow:inset 0 0 0 2px rgba(224,101,90,.9),0 0 0 3px rgba(255,255,255,.22)}
.sim-info{margin-top:18px;min-height:94px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sim-info.pop{animation:simPop .5s var(--ease)}
@keyframes simPop{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.sim-info-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sim-who{padding:3px 9px;border-radius:999px;font:800 11px/1.3 var(--font-d);letter-spacing:.08em;text-transform:uppercase}
.sim-who.ki{background:var(--neon);color:var(--neon-ink)}
.sim-who.hu{background:#fff;color:var(--navy)}
.sim-who.q{background:var(--red);color:#fff}
.sim-t{font:700 16px/1.2 var(--font-d)}
.sim-min{margin-left:auto;font-size:13px;font-weight:600;color:var(--neon)}
.sim-d{margin:8px 0 0;font-size:14.5px;line-height:1.45;color:#C9D0DB}
.sim-total{display:grid;gap:8px;margin-top:16px}
.sim-bar{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;color:var(--mute);transition:opacity .4s}
.sim-bar i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.sim-bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:999px;background:rgba(255,255,255,.55);transition:width 1.2s var(--ease)}
.sim-bar.b i::after{background:var(--neon)}
.sim-bar b{font:700 13.5px/1 var(--font-d);color:#fff}
.sim:not(.seen) .sim-bar i::after{width:0}
.sim-box[data-m="a"] .sim-bar.b,.sim-box[data-m="b"] .sim-bar.a{opacity:.45}
.sim-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:var(--mute)}
.sim-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0;background:var(--neon)}
.sim-legend .hu::before{background:#fff}
.sim-legend .q::before{background:var(--red)}
.sim-hint{margin:10px 0 0;font-size:13px;color:var(--steel)}
.sim.manual .sim-hint{visibility:hidden}
@media(max-width:600px){.sim-box{padding:16px 14px 14px}.sim-track{gap:8px 18px}.sim-track li+li::before{left:-15px}.sim-track button{font-size:12.5px;padding:8px 11px}.sim-bar{grid-template-columns:72px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.sim-info.pop{animation:none}.sim-track button,.sim-bar i::after{transition:none}}

/* Fallbeispiel: Kopf mit Werkhalle, Verlauf als Pfeil-Leiste */
.fs-hero-img .fs-hero-ph{position:absolute;top:0;right:0;bottom:0;width:66%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,#000 46%)}
.fs-hero-ph picture,.fs-hero-ph img{display:block;width:100%;height:100%}
.fs-hero-ph img{object-fit:cover;object-position:70% 40%;opacity:.55;filter:saturate(.8) brightness(.85)}
@media(max-width:900px){.fs-hero-img .fs-hero-ph{left:0;width:auto;bottom:auto;height:min(64vw,420px);-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}.fs-hero-ph img{opacity:.38;object-position:60% 30%}}
.fs-path{list-style:none;margin:40px 0 0;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;border-radius:20px;background:rgba(10,12,22,.55);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fs-path li{position:relative}
.fs-path a{display:block;height:100%;padding:13px 18px 15px;border-radius:15px;color:#fff;text-decoration:none;transition:background .25s}
.fs-path a:hover{background:rgba(255,255,255,.07)}
.fs-path b{display:block;font:700 11.5px/1.3 var(--font-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.fs-path a>span{display:block;margin-top:6px;font:600 17px/1.25 var(--font-d)}
.fs-path li.hl a{background:rgba(220,242,60,.1);box-shadow:inset 0 0 0 1.5px rgba(220,242,60,.55)}
.fs-path li.hl b{color:var(--neon)}
@media(max-width:760px){.fs-path{grid-template-columns:1fr 1fr}.fs-path li:nth-child(odd)::before{display:none}}
.fs-day{display:inline-block;margin-right:12px;padding:5px 10px;border-radius:999px;background:var(--navy);color:#fff;font:700 11.5px/1.2 var(--font-b);letter-spacing:.1em}
.fs-dark .fs-day,.fs-navy .fs-day{background:#fff;color:var(--navy)}
.fs-free{display:inline-block;margin-left:12px;padding:5px 11px;border-radius:999px;background:var(--neon);color:var(--neon-ink);font:800 11.5px/1.2 var(--font-b);letter-spacing:.08em}

/* Fallbeispiel: kleiner Ablauf mit Logo an der Service-Intelligence */
.fs-flow-s{margin-top:34px}
.fs-flow-s .fs-flow-step{min-height:0;padding:16px 18px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.fs-flow-s .fs-flow-step small{color:var(--mute)}
.fs-flow-s .fs-flow-step h3{font-size:21px;margin-top:8px}
.fs-flow-s .fs-flow-step.fs-hot{background:rgba(220,242,60,.1);border:1.5px solid var(--neon);padding-right:62px}
.fs-flow-s .fs-flow-step.fs-hot small{color:var(--neon)}
.fs-flow-s .fs-flow-step:not(:last-child)::after{border-color:rgba(255,255,255,.55)}
.fs-hnm{position:absolute;right:16px;top:50%;width:36px;height:31px;margin-top:-15.5px;fill:var(--neon)}
.fs-solution .fs-tri{margin-top:22px}
.fs-tri-hn{display:block;width:30px;height:26px;margin-bottom:6px;fill:var(--neon)}
.fs-tri-node b{font-size:17px}
.fs-tri-card{transition:left 1.3s cubic-bezier(.5,.1,.25,1),top 1.3s cubic-bezier(.5,.1,.25,1),width .7s var(--ease),opacity .5s}
.fs-tri-erp{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.fs-tri-step{padding:12px 16px}
.fs-tri-step b{font-size:15.5px}
.fs-tri-status{font-size:15px;color:#E6EAF0}
.fs-navy .fs-brief{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.fs-solution .fs-details{margin-top:24px;max-width:none}
.fs-solution .fs-details .fs-two{margin-top:8px}

/* Fallbeispiel: Pilot auf hellem Grund */
.fs-light .fs-tl-line{background:linear-gradient(90deg,var(--navy),rgba(10,27,46,.1))}
.fs-light .fs-week i{background:#fff;border-color:var(--navy);color:var(--navy)}
.fs-light .fs-week:last-child i{background:var(--neon);border-color:var(--neon);color:var(--navy)}
.fs-light .fs-week h3{color:var(--ink)}
.fs-light .fs-week p{color:var(--steel)}
.fs-light .fs-kpis{background:#fff;border-color:var(--line);box-shadow:0 24px 50px -36px rgba(10,27,46,.45)}
.fs-light .fs-kpis .fs-label-d{color:var(--steel)}
.fs-light .fs-kpis li::before{background:var(--neon-deep)}
.fs-light .fs-details{background:#fff;border-color:var(--line);max-width:none}
.fs-light .fs-details summary::after{color:var(--neon-deep)}
.fs-light .fs-point{background:var(--paper);border-color:var(--line)}
.fs-light .fs-point h3{color:var(--navy);font-size:18px}
.fs-light .fs-point p{color:var(--steel)}
.fs-light .fs-points{margin-top:6px}

/* Fallbeispiel: vorher und nachher */
.fs-vn{margin-top:40px;max-width:1040px}
.fs-vn-key{display:flex;gap:22px;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--mute)}
.fs-vn-key span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.fs-vn-key .v::before{background:rgba(224,101,90,.45);box-shadow:inset 0 0 0 1px rgba(224,101,90,.8)}
.fs-vn-key .n::before{background:var(--neon)}
.fs-vn-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:10px 28px;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}
.fs-vn-row h3{font-size:clamp(18px,1.7vw,22px);line-height:1.2;color:#fff}
.fs-vn-bars{display:grid;gap:8px}
.fs-vn-bar{position:relative;height:38px}
.fs-vn-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:10px;transition:width 1.6s var(--ease) .3s}
.fs-vn-bar.v i{width:100%;background:rgba(224,101,90,.2);box-shadow:inset 0 0 0 1px rgba(224,101,90,.55)}
.fs-vn-bar.n i{width:var(--w);background:var(--neon)}
.fs-js .fs-vn:not(.fs-in) .fs-vn-bar.n i{width:100%}
.fs-vn-bar b{position:absolute;top:50%;transform:translateY(-50%);font:700 15.5px/1 var(--font-d);white-space:nowrap}
.fs-vn-bar.v b{left:14px;color:#F4C3BD}
.fs-vn-bar.n b{left:calc(var(--w) + 14px);color:var(--neon)}
.fs-pay{display:flex;align-items:center;gap:18px;margin-top:34px;padding:18px 22px;max-width:640px;border-radius:20px;background:rgba(220,242,60,.08);box-shadow:inset 0 0 0 1.5px rgba(220,242,60,.5)}
.fs-pay b{font:800 54px/1 var(--font-d);color:var(--neon);letter-spacing:-.04em}
.fs-pay p{margin:0;font-size:17px;line-height:1.4;color:#E6EAF0}
.fs-pay strong{color:#fff}
.fs-ergebnis .fs-foot{margin-top:16px}
@media(max-width:700px){
 .fs-vn-row{grid-template-columns:1fr;gap:10px}
 .fs-vn-bar{height:34px}
 .fs-vn-bar b{font-size:14px}
 .fs-vn-bar.n b{left:auto;right:auto;left:calc(var(--w) + 10px)}
 .fs-pay b{font-size:44px}
 .fs-pay p{font-size:15.5px}
}
@media(prefers-reduced-motion:reduce){.fs-vn-bar i{transition:none}.fs-js .fs-vn:not(.fs-in) .fs-vn-bar.n i{width:var(--w)}}

/* ===== v77b: Postfach zeigt die wartenden Mails, Simulation in einer Reihe, Hero-Text frei vom Foto ===== */
.fs-tri-card.is-wait{background:#AEB7C3;box-shadow:0 8px 18px -10px rgba(0,0,0,.6)}
.fs-tri-card.is-wait .m{color:#4A5563}
.fs-hero-img .fs-hero-ph{width:62%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 30%,#000 62%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 30%,#000 62%)}
.fs-hero-img .fs-lede{max-width:48ch}
@media(max-width:900px){.fs-hero-img .fs-hero-ph{width:auto;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}.fs-hero-img .fs-lede{max-width:none}}
.sim-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 20px;align-items:stretch}
.sim-track li{display:flex}
.sim-track li+li::before{left:-16px}
.sim-track button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;border-radius:14px;padding:8px 8px;font-size:13px}
@media(max-width:600px){
 .sim-track{grid-template-columns:1fr;gap:14px}
 .sim-track li{display:block}
 .sim-track li+li::before{left:16px;top:-13px;margin-top:0;transform:rotate(90deg)}
 .sim-track button{width:auto;min-height:0;display:inline-flex;justify-content:flex-start;text-align:left;border-radius:999px;padding:8px 14px}
 .sim-track button.on{transform:translateX(3px)}
}

/* ===== v79: Vier Schritte mit kleinen Bildern, Zeilen auf einer Hoehe (subgrid) ===== */
.st4 .thm{grid-column:2;grid-row:1;justify-self:end}
.st4>li>i{grid-column:1;grid-row:1}
.st4 h3,.st4 em,.st4-d{grid-column:1/-1}
@media(min-width:601px){
 .st4{grid-template-rows:repeat(4,auto)}
 .st4>li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:subgrid;grid-row:span 4;align-items:start}
}
@media(min-width:601px) and (max-width:900px){.st4{grid-template-rows:repeat(8,auto)}}
@media(min-width:901px) and (max-width:1100px){.st4 .thm{zoom:.84}}
@media(max-width:600px){
 .st4>li{grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr}
 .st4>li>i{grid-row:1/3}
 .st4 .thm{grid-column:3;grid-row:1/4;zoom:.8}
 .st4 h3,.st4 em{grid-column:2}
 .st4-d{grid-column:2/4}
 .st4 li:not(:last-child)::after{top:60px}
}
/* Vorschau: Bildschirm statt Klick-Vorschau, Marke "Vorschau" in Navy */
.p24-lv .sim-k>span{background:var(--navy);color:#fff}
.p24-lv .lv-cap{color:var(--steel)}
.p24-lv .lv{margin-top:6px}
/* Beispielkarte mit rundem Vorschaubild */
.p24-ex{grid-template-columns:auto minmax(0,1fr) auto}
.p24-th{position:relative;display:block;width:96px;height:96px;flex:none}
.p24-th img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:66% 34%;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line),0 14px 28px -16px rgba(10,27,46,.6)}
.p24-th .lv-live{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);background:#0B1220;color:#FF8F86;box-shadow:0 0 0 2px #fff}
@media(max-width:700px){.p24-ex{grid-template-columns:1fr}.p24-th{width:76px;height:76px;margin-bottom:6px}}
.sim-kt{font-style:normal}

/* ===== v80: Vier Schritte als Perlenkette, Details gleich sichtbar, Zeilen auf einer Hoehe ===== */
#schritte .vlab2{margin:34px 0 16px}
#schritte h2+.vlab2{margin-top:34px}
.pk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);column-gap:32px}
.pk>li{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 4;align-items:start}
.pk>li:not(:last-child)::after{content:"";position:absolute;top:21px;left:56px;right:-20px;height:2px;border-radius:2px;background:linear-gradient(90deg,#C3CBD5,#DCE2E9)}
.pk>li:not(:last-child)::before{content:"";position:absolute;top:16px;right:-22px;width:8px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M2 1.5L6.5 6L2 10.5' fill='none' stroke='%23B3BCC7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 12px no-repeat}
.pk-b{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:800 17px/1 var(--font-d);box-shadow:0 0 0 6px var(--paper)}
.pk>li.hl .pk-b{background:var(--neon);color:var(--navy)}
.pk h3{margin:18px 0 0;font-size:20px;line-height:1.2}
.pk em{display:block;margin-top:5px;font-style:normal;font-weight:600;font-size:14px;line-height:1.4;color:var(--neon-deep)}
.pk p{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--steel)}
.pk-card{padding:30px 30px 32px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 50px -36px rgba(10,27,46,.45)}
.pk-card .pk-b{box-shadow:0 0 0 6px #fff}
.pk-free{padding:6px 0 0}
@media(min-width:601px) and (max-width:900px){
 .pk{grid-template-columns:1fr 1fr;grid-template-rows:repeat(8,auto);row-gap:0;column-gap:28px}
 .pk>li:nth-child(n+3){padding-top:30px}
 .pk>li:nth-child(n+3) .pk-b{margin-top:0}
 .pk>li:nth-child(2)::after,.pk>li:nth-child(2)::before{display:none}
}
@media(min-width:601px) and (max-width:900px){.pk>li:nth-child(n+3)::after{top:51px}.pk>li:nth-child(n+3)::before{top:46px}}
@media(max-width:600px){
 .pk{grid-template-columns:1fr;grid-template-rows:none}
 .pk>li{grid-template-columns:44px minmax(0,1fr);grid-template-rows:none;grid-row:auto;column-gap:16px;padding-bottom:22px}
 .pk>li:last-child{padding-bottom:0}
 .pk-b{grid-row:1/4}
 .pk h3,.pk em,.pk p{grid-column:2}
 .pk h3{margin-top:9px;font-size:18px}
 .pk p{margin-top:8px}
 .pk>li:not(:last-child)::after{top:50px;bottom:4px;left:21px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#C3CBD5,#DCE2E9)}
 .pk>li:not(:last-child)::before{display:none}
 .pk-card{padding:22px 18px 24px}
}
/* Was Sie bekommen: Text links auf Hoehe des Bildschirms */
.p24-what .p24-two{margin-top:clamp(56px,7vw,92px);padding-top:clamp(36px,4.5vw,60px);border-top:1px solid var(--line);align-items:start}
.p24-txt h2{margin:0;max-width:none;font-size:clamp(28px,3.4vw,44px)}
.p24-txt h2 .u{background:linear-gradient(90deg,#0A1B2E 0%,#0C2540 48%,#1D4F5E 68%,#6E9A2A 86%,#A6C21C 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.p24-own{margin:16px 0 22px;font-size:17px;line-height:1.55;color:var(--steel);max-width:48ch}
@media(max-width:900px){.p24-own{max-width:none}}
@media(max-width:900px){.p24-two{grid-template-columns:minmax(0,1fr)}}

/* ===== v81: Perlenkette ohne Rahmen fest, kleines Bild zwischen Dauer und Text, Wasserzeichen ===== */
.pk{grid-template-rows:repeat(5,auto)}
.pk>li{grid-row:span 5}
.pk .thm{display:block;margin-top:18px;background:#fff;box-shadow:0 12px 26px -18px rgba(10,27,46,.45);zoom:1.15}
.pk .thm1 .b1{animation:thTalk 4.8s ease-in-out infinite}
.pk .thm1 .b2{animation:thTalk 4.8s ease-in-out 2.4s infinite}
@keyframes thTalk{0%,8%{transform:scale(.4);opacity:0}16%,46%{transform:none;opacity:1}56%,100%{transform:scale(.4);opacity:0}}
.pk .thm1 .b1{transform-origin:0 100%}
.pk .thm1 .b2{transform-origin:100% 100%}
.pk p{margin-top:16px}
@media(min-width:601px) and (max-width:900px){.pk{grid-template-rows:repeat(10,auto)}}
@media(max-width:600px){
 .pk{grid-template-rows:none}
 .pk>li{grid-row:auto}
 .pk-b{grid-row:1/3}
 .pk .thm{grid-column:2;margin-top:12px;zoom:1}
 .pk p{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.pk .thm1 .b1,.pk .thm1 .b2{animation:none}}
/* Wasserzeichen oben rechts im Schritte-Abschnitt, ohne Trennlinie zum naechsten Teil */
.p24-wm{position:relative;isolation:isolate;overflow:hidden}
.p24-wm .wmw{color:var(--navy)}
.p24-wm .wmw svg{width:min(560px,70vw);right:-120px;top:-20px;opacity:.045;transform:rotate(8deg)}
@media(max-width:600px){.p24-wm .wmw svg{width:300px;right:-90px;top:10px}}
.p24-what .p24-two{border-top:0;padding-top:0;margin-top:clamp(40px,5vw,64px)}
/* Vorschau-Hinweis zweizeilig, mehr Abstand zum Bildschirm */
.p24-lv .sim-k{align-items:flex-start;margin-bottom:24px}
.p24-lv .sim-k>span{margin-top:1px}
.p24-lv .sim-kt small{display:block;margin-top:3px;font-size:13.5px;font-weight:500;color:var(--steel)}
.pk-free{margin-top:clamp(36px,4vw,52px)}
.pk .thm-ok{display:flex;align-items:center;justify-content:center;gap:6px}
.pk .thm-ok b{position:static;padding:4px 9px}

/* ===== v81 Fallbeispiel: Pfeile im Pfad nicht mehr im markierten Kasten ===== */
.fs-path{column-gap:18px}
.fs-path li+li::before{left:-16px}
@media(max-width:760px){.fs-path{column-gap:14px}.fs-path li+li::before{left:-14px}}
/* Bruecke zwischen den Abschnitten: Kapsel genau auf der Kante, Linie nach oben und unten */
.fs-bridge{position:relative;z-index:3;height:0;display:flex;justify-content:center;align-items:flex-start}
.fs-bridge::before{content:"";position:absolute;left:50%;top:-58px;height:116px;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(150,160,175,0),rgba(150,160,175,.75) 35%,rgba(150,160,175,.75) 65%,rgba(150,160,175,0))}
.fs-bridge a{position:relative;display:inline-flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);transform:translateY(-50%);padding:9px 10px 9px 18px;border-radius:999px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 0 0 1px rgba(10,27,46,.08),0 18px 36px -16px rgba(0,0,0,.55);transition:transform .3s var(--ease),box-shadow .3s}
.fs-bridge a:hover{transform:translateY(calc(-50% - 2px));box-shadow:0 0 0 1px rgba(10,27,46,.12),0 22px 40px -16px rgba(0,0,0,.6)}
.fs-bridge-k{flex:none;padding:3px 9px;border-radius:999px;background:var(--navy);color:#fff;font:700 11px/1.3 var(--font-d);letter-spacing:.08em;text-transform:uppercase}
.fs-bridge-t{font:600 15.5px/1.3 var(--font-d)}
.fs-bridge i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--neon)}
.fs-bridge i svg{width:16px;height:16px;fill:none;stroke:var(--navy);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:fsBr 2.4s ease-in-out infinite}
@keyframes fsBr{0%,60%,100%{transform:none}30%{transform:translateY(3px)}}
.fs-bridge a:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
@media(max-width:600px){.fs-bridge a{gap:9px;padding:7px 8px 7px 12px}.fs-bridge-t{font-size:14px}.fs-bridge-k{font-size:10px;padding:3px 7px}}
@media(prefers-reduced-motion:reduce){.fs-bridge i svg{animation:none}.fs-bridge a{transition:none}}
/* Technische Umsetzung: Flaechen ohne Rahmen, Symbol links */
.fs-light .fs-point-i{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:start;background:#E9EDF2;border:0}
.fs-point-i .fs-pi{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--navy)}
.fs-point-i .fs-pi svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fs-point-i .fs-pi svg.eu{stroke:none;fill:var(--neon)}
.fs-point-i h3{margin:2px 0 0}
.fs-point-i p{grid-column:2}
.fs-day{white-space:nowrap}

/* ===== v82: Kein dunkler Balken mehr vor "Was Sie bekommen" (Rand des ersten Kindes lief durch den Abschnitt) ===== */
.p24-what{padding-top:clamp(40px,5vw,64px)}
.p24-what .p24-two{margin-top:0}
/* Schritte Variante A: Bilder ohne Kasten, etwas groesser */
.pk-va .thm{background:none;box-shadow:none;border-radius:0;overflow:visible;zoom:1.3;margin-top:14px}
.pk-va .thm-ok b{box-shadow:0 0 0 1px #C9D1DB}
.pk-va+.vlab2{margin-top:56px}
/* Schritte Variante B: Bild klein links neben Ueberschrift und Dauer */
.pk-vb{grid-template-rows:repeat(4,auto)}
.pk-vb>li{grid-row:span 4;grid-template-columns:62px minmax(0,1fr);column-gap:14px}
.pk-vb .pk-b{grid-column:1/-1;grid-row:1}
.pk-vb .thm{grid-column:1;grid-row:2/4;align-self:start;margin-top:18px;zoom:.72}
.pk-vb h3{grid-column:2;grid-row:2;font-size:18px}
.pk-vb em{grid-column:2;grid-row:3}
.pk-vb p{grid-column:1/-1;grid-row:4}
@media(min-width:601px) and (max-width:900px){.pk-vb{grid-template-rows:repeat(8,auto)}}
@media(max-width:600px){
 .pk-vb{grid-template-rows:none}
 .pk-vb>li{grid-template-columns:44px 56px minmax(0,1fr);grid-row:auto;column-gap:14px}
 .pk-vb .pk-b{grid-column:1;grid-row:1/4}
 .pk-vb .thm{grid-column:2;grid-row:1/3;margin-top:4px;zoom:.65}
 .pk-vb h3{grid-column:3;grid-row:1}
 .pk-vb em{grid-column:3;grid-row:2}
 .pk-vb p{grid-column:2/4;grid-row:3}
 .pk-va .thm{zoom:1.1}
}
/* Fallbeispiel: Erfolgskriterien werden nacheinander abgehakt */
.fs-kpis-ck li{align-items:center;gap:14px}
.fs-kpis-ck li::before{display:none}
.fs-ck{width:30px;height:30px;flex:none;overflow:visible}
.fs-ck circle{fill:#fff;stroke:#C9D1DB;stroke-width:2;transition:stroke .45s ease calc(var(--d) + .35s),fill .45s ease calc(var(--d) + .35s)}
.fs-ck path{fill:none;stroke:#2FB36B;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:0;transition:stroke-dashoffset .55s cubic-bezier(.4,0,.2,1) var(--d)}
.fs-js .fs-kpis-ck:not(.fs-in) .fs-ck path{stroke-dashoffset:20}
.fs-kpis-ck.fs-in .fs-ck circle,html:not(.fs-js) .fs-ck circle{stroke:#2FB36B;fill:#EAF8F0}
@media(prefers-reduced-motion:reduce){.fs-ck circle,.fs-ck path{transition:none}}
.pk-va .thm1 .b1{background:#fff}
.pk-va .thm1 .b2{background:#E4F27A}
.vlab2+.pk-free{margin-top:22px}

/* ===== v83: Schritte B neu (einzeilig, Bild ohne Kasten) und C (wie frueher der Ablauf, Bild unten) ===== */
.pk-vb .thm{background:none;box-shadow:none;border-radius:0;overflow:visible;zoom:.66;margin-top:16px}
.pk-vb .thm1 .b1{background:#fff}
.pk-vb .thm1 .b2{background:#E4F27A}
.pk-vb h3,.pk-vb em{white-space:nowrap}
.pk-vb h3{font-size:19px}
.pk-vb>li{grid-template-columns:58px minmax(0,1fr)}
.pk-vb+.vlab2{margin-top:56px}
.pk-vc{list-style:none;margin:22px 0 0;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,auto);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 50px -36px rgba(10,27,46,.45)}
.pk-vc>li{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:20px 22px 22px}
.pk-vc>li+li::before{content:"";position:absolute;left:-4px;top:22px;bottom:22px;width:14px;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M4 0L11 12L4 24' fill='none' stroke='%23B3BCC7' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 0 50%/14px 24px no-repeat,
  linear-gradient(#B3BCC7,#B3BCC7) 3.2px 0/1.6px calc(50% - 12px) no-repeat,
  linear-gradient(#B3BCC7,#B3BCC7) 3.2px 100%/1.6px calc(50% - 12px) no-repeat}
.pc-top{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:start}
.pk-vc .pk-b{width:34px;height:34px;font-size:15px;box-shadow:none}
.pk-vc li.hl .pk-b{background:var(--neon);color:var(--navy)}
.pk-vc h3{margin:4px 0 0;font-size:18px;line-height:1.2;white-space:nowrap}
.pk-vc em{display:inline-block;margin-top:7px;padding:3px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-style:normal;font-weight:700;font-size:12.5px;line-height:1.4;color:var(--ink);white-space:nowrap}
.pk-vc p{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:var(--steel)}
.pk-vc .thm{justify-self:center;align-self:end;margin-top:20px;zoom:1.2}
.pk-vc .thm1 .b1{animation:thTalk 4.8s ease-in-out infinite;transform-origin:0 100%}
.pk-vc .thm1 .b2{animation:thTalk 4.8s ease-in-out 2.4s infinite;transform-origin:100% 100%}
.pk-vc .thm-ok{display:flex;align-items:center;justify-content:center;gap:6px}
.pk-vc .thm-ok b{position:static;padding:4px 9px}
@media(min-width:601px) and (max-width:900px){
 .pk-vc{grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto)}
 .pk-vc>li:nth-child(odd)::before{display:none}
 .pk-vc>li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:600px){
 .pk-vc{grid-template-columns:1fr;grid-template-rows:none;padding:4px 16px}
 .pk-vc>li{grid-template-rows:none;grid-row:auto;padding:16px 0}
 .pk-vc>li::before{display:none}
 .pk-vc>li+li{border-top:1px solid var(--line)}
 .pk-vc .thm{justify-self:start;zoom:1}
 .pk-vb>li{grid-template-columns:44px 52px minmax(0,1fr)}
 .pk-vb h3,.pk-vb em{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.pk-vc .thm1 .b1,.pk-vc .thm1 .b2{animation:none}}
/* Was Sie bekommen: mehr Luft zwischen den Zeilen der Ueberschrift, Beispielkarte tiefer */
.p24-txt h2 .u{display:inline-block;margin-top:.22em}
.p24-what .p24-ex{margin-top:clamp(72px,8vw,112px)}

/* ===== v84: Schritte nur noch Variante C, Bilder ohne grauen Kasten und breiter ===== */
.pk-vc{margin-top:clamp(36px,4vw,52px)}
.pk-vc .thm{width:118px;height:80px;background:none;border-radius:0;overflow:visible;zoom:1.25;margin-top:22px}
.pk-vc .thm1 .b1{background:#DFE5EC}
.pk-vc .thm1 .b2{background:var(--navy)}
.pk-vc .thm1 .a1{left:14px}
.pk-vc .thm1 .a2{right:14px}
.pk-vc .thm-ok b{box-shadow:0 0 0 1px #C9D1DB}
@media(max-width:600px){.pk-vc .thm{zoom:1;margin-top:16px}}
/* v85 (nur Handy): Schritte flacher, Bild oben rechts in jedem Schritt */
@media(max-width:600px){
 .pk-vc>li{grid-template-columns:34px minmax(0,1fr) auto;column-gap:12px;padding:14px 0}
 .pk-vc .pc-top,.pk-vc .pc-top>div{display:contents}
 .pk-vc .pk-b{grid-area:1/1/3/2;align-self:start}
 .pk-vc h3{grid-area:1/2/2/3;margin:3px 0 0}
 .pk-vc em{grid-area:2/2/3/3;justify-self:start;margin-top:6px}
 .pk-vc .thm{grid-area:1/3/3/4;justify-self:end;align-self:start;zoom:.72;margin:0}
 .pk-vc p{grid-area:3/1/4/4;margin:10px 0 0;font-size:14px;line-height:1.5}
}
@media(max-width:389px){.pk-vc h3{font-size:16.5px}.pk-vc .thm{zoom:.64}}