/* NEXUS Zusammenspiel V1.1 – Ergänzung zu assets/style.css. Präfix: zs-
   Signature: Ein Aufenthalt löst eine Kettenreaktion durch die Bausteine aus (Signal + Live-Protokoll).
   Interaktiv: Konfigurator mit Kontaktpunkten, Verbindungen und Wirkung; Gastreise zum Scrollen; Wendekarten. */
:root{--zs-ease:cubic-bezier(.2,.7,.2,1);--zs-night:#0B1526;--zs-b:#0A6CF0;--zs-b2:#5CA3FF}
.zs-c-booyage{--c:#2F7BFF;--c2:#9EC2FF}.zs-c-hotelpass{--c:#D9B77E;--c2:#F1DDB3}.zs-c-points{--c:#F39A3A;--c2:#FFD39B}
.zs-c-claraweb{--c:#4FB4FF;--c2:#B4E0FF}.zs-c-concierge{--c:#22B5A6;--c2:#9DE6DC}.zs-c-clara{--c:#8B7CFF;--c2:#CEC6FF}
.zs-c-roomcontrol{--c:#F2C14E;--c2:#FFE6A6}.zs-c-greenseal{--c:#39BF86;--c2:#A9EBCC}
.zs-hero svg,.zs-system svg,.zs-journey svg,.zs-impact svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zs-hero h1,.zs-hero h2,.zs-system h2,.zs-journey h2,.zs-impact h2,.zs-status h2,.zs-final h2{overflow-wrap:break-word;hyphens:auto}
.zs-eyebrow{color:var(--zs-b)}.zs-eyebrow-l{color:var(--zs-b2)}
.zs-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:9%;align-items:end;margin-bottom:44px}
.zs-head h2 em,.zs-final h2 em,.zs-h3 em{font-style:normal;color:var(--zs-b)}
.zs-body{color:var(--schiefer);line-height:1.8;font-size:1.02rem;margin:0}
.zs-body strong{color:var(--tinte)}
.zs-body-l{color:#B7C4D4}.zs-body-l strong{color:#fff}
.zs-small{margin:18px 0 0;font-size:.8rem;color:#7A8BA2;text-align:center}

/* ================= HERO ================= */
.zs-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse at 72% 40%,rgba(92,163,255,.2),rgba(11,21,38,0) 50%),radial-gradient(ellipse at 90% 100%,rgba(139,124,255,.16),rgba(11,21,38,0) 50%),radial-gradient(ellipse at 40% 110%,rgba(57,191,134,.1),rgba(11,21,38,0) 45%),linear-gradient(150deg,#0E1B2E,#070E1A)}
.zs-crumb{display:flex;flex-wrap:wrap;gap:12px;padding-top:34px;font-size:.9rem;color:#8DA6C3}
.zs-crumb a:hover{color:#fff}.zs-crumb [aria-current]{color:#DCE6F2}
.zs-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:22px 0 56px}
.zs-hero h1{font-size:clamp(2.2rem,3.6vw,3.5rem);line-height:1.07;letter-spacing:-.035em;margin:6px 0 22px;animation:zsRise 1s var(--zs-ease) .15s both}
.zs-hero h1 em{font-style:normal;display:block;margin-top:6px;font-size:.62em;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(90deg,#9EC2FF,#CEC6FF 45%,#A9EBCC);-webkit-background-clip:text;background-clip:text;color:transparent}
.zs-hero .eyebrow{animation:zsRise .8s var(--zs-ease) .05s both}
.zs-lead{color:#C6D2DF;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.75;margin:0 0 16px;animation:zsRise .9s var(--zs-ease) .35s both}
.zs-hero-note{color:#9FB2C8;font-size:.92rem;line-height:1.65;margin:0;padding-left:14px;border-left:2px solid rgba(92,163,255,.5);animation:zsRise .9s var(--zs-ease) .45s both}
.zs-hero-note strong{color:#fff}
.zs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;animation:zsRise .9s var(--zs-ease) .55s both}
.zs-textlink{color:#DCE9FA;font-weight:650;padding:8px 0;border-bottom:1.5px solid rgba(92,163,255,.5)}
.zs-textlink:hover{color:#fff;border-color:#fff}
.zs-chain{margin:0;display:grid;gap:12px;animation:zsFade 1s ease .2s both}
.zs-chain-map{position:relative;aspect-ratio:560/450;width:100%}
.zs-chain-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.zs-edge{fill:none;stroke-width:1.6;stroke-linecap:round;opacity:.16;transition:opacity .8s,stroke .8s}
.zs-edge.is-core{stroke:#9EC2FF}.zs-edge.is-plan{stroke:#9EC2FF;stroke-dasharray:5 7}.zs-edge.is-hub{stroke:#fff;opacity:.06;stroke-dasharray:2 6}
.zs-chain.is-done .zs-edge{opacity:.55}.zs-chain.is-done .zs-edge.is-hub{opacity:.14}
.zs-trail-seg{fill:none;stroke-width:3;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 0 5px currentColor)}
.zs-pulse{fill:#fff;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 18px var(--pc,#5CA3FF))}
.zs-hn{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:14px;background:rgba(14,26,45,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);white-space:nowrap;transition:transform .4s var(--zs-ease),border-color .4s,box-shadow .4s,background .4s}
.zs-hn b{font-size:.84rem}
.zs-hn-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.07);color:var(--c2);transition:background .4s,color .4s}
.zs-hn-ic svg{width:15px;height:15px}
.zs-hn.is-hit{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent),0 10px 30px rgba(0,0,0,.4)}
.zs-hn.is-hit .zs-hn-ic{background:var(--c);color:#0B1526}
.zs-hn.is-now{transform:translate(-50%,-50%) scale(1.1)}
.zs-hn-hotel{flex-direction:column;gap:0;padding:14px 18px;border-radius:50%;width:112px;height:112px;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,#1E3A66,#0C1830);border:1px solid rgba(92,163,255,.45);box-shadow:0 0 0 10px rgba(92,163,255,.06),0 0 0 22px rgba(92,163,255,.03)}
.zs-hn-hotel small{font-size:.62rem;color:#8DA6C3}.zs-hn-hotel b{font-size:1rem}
.zs-hn-hotel.is-hit{border-color:#fff;box-shadow:0 0 0 10px rgba(255,255,255,.1),0 0 40px rgba(92,163,255,.5)}
.zs-feed-wrap{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.zs-feed-k{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:700;color:#9FB2C8}
.zs-feed-k i{width:8px;height:8px;border-radius:50%;background:#39BF86;box-shadow:0 0 8px #39BF86;animation:zsBlink 1.6s ease-in-out infinite}
.zs-feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-height:118px;align-content:start}
.zs-feed li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.05);font-size:.84rem;animation:zsIn .45s var(--zs-ease)}
.zs-feed li:nth-last-child(n+4){display:none}
.zs-feed li:not(:first-child){opacity:.55}
.zs-feed .zs-f-ic{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--c);color:#0B1526}
.zs-feed .zs-f-ic svg{width:12px;height:12px;stroke-width:2.2}
.zs-feed b{font-weight:650}.zs-feed b small{font-weight:500;color:#9FB2C8;margin-right:6px}
.zs-tag{padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:700;white-space:nowrap}
.zs-tag.is-core{background:rgba(92,163,255,.18);color:#BFD9FF}
.zs-tag.is-plan{background:rgba(242,193,78,.16);color:#FFD98A}
.zs-tag.is-own{background:rgba(57,191,134,.16);color:#9BE6C4}
.zs-chain-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:36px}
.zs-chain-sum{font-weight:650;color:#DCE6F2;font-size:.92rem}
.zs-replay{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#DCE6F2;font-size:.86rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s,border-color .2s}
.zs-chain.is-done .zs-replay{opacity:1;pointer-events:auto}
.zs-replay:hover{border-color:#fff}
.zs-strip{background:rgba(4,10,18,.5);border-top:1px solid rgba(255,255,255,.1)}
.zs-strip .container{display:flex;justify-content:space-between;gap:18px;padding:18px 0;flex-wrap:wrap}
.zs-strip span{display:flex;align-items:center;gap:10px;font-size:.93rem;color:#C6D2DF}
.zs-strip span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#5CA3FF,#8B7CFF)}

/* ================= KONFIGURATOR ================= */
.zs-system{padding:clamp(84px,9vw,130px) 0;background:radial-gradient(ellipse at 100% 0%,rgba(92,163,255,.12),rgba(255,255,255,0) 40%),linear-gradient(180deg,#F7FAFE,#EEF3FA)}
.zs-start{max-width:980px;margin:0 auto 22px}
.zs-start-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:9%;align-items:end;margin-bottom:18px}
.zs-h3{font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.2;letter-spacing:-.02em;margin:0}
.zs-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:980px;margin:0 auto}
.zs-preset{display:flex;flex-direction:column;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #DDE6F2;transition:border-color .3s,box-shadow .3s,transform .3s var(--zs-ease)}
.zs-preset:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(13,40,80,.1)}
.zs-preset.is-match{border-color:var(--zs-b);box-shadow:0 0 0 3px rgba(10,108,240,.12),0 20px 44px rgba(13,40,80,.1)}
.zs-combo-k{margin:0 0 8px;font-size:.8rem;font-weight:700;color:var(--zs-b)}
.zs-combo-mods{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.zs-combo-mods span{padding:3px 9px;border-radius:999px;background:#EEF3FA;font-size:.74rem;font-weight:650;color:#3E5068}
.zs-preset h3{font-size:1.06rem;margin:0 0 6px;color:var(--tinte)}
.zs-preset p{margin:0 0 14px;font-size:.88rem;line-height:1.55;color:var(--schiefer);flex:1}
.zs-preset-btn{align-self:flex-start;padding:8px 14px;border-radius:999px;border:1px solid #C8D6E8;background:#fff;font-size:.84rem;font-weight:650;color:var(--tinte);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.zs-preset-btn:hover,.zs-preset.is-match .zs-preset-btn{background:var(--zs-b);border-color:var(--zs-b);color:#fff}
/* V1.3 Konfigurator: eine schmale Karte, drei Schritte */
.zs-lab{max-width:980px;margin:0 auto;padding:clamp(18px,2.6vw,30px);border-radius:24px;background:#fff;border:1px solid #DDE6F2;box-shadow:0 30px 70px rgba(13,40,80,.08)}
.zs-lstep{padding:20px 0;border-top:1px solid #EAF0F6}
.zs-lstep:first-child{padding-top:0;border-top:0}
.zs-lstep-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.zs-lstep-h>div:nth-child(2){flex:1;min-width:0}
.zs-ln{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--zs-b);color:#fff;font-size:.82rem;font-weight:800}
.zs-lstep h3{margin:2px 0 2px;font-size:1.04rem;color:var(--tinte)}
.zs-lstep-h p{margin:0;font-size:.86rem;color:var(--schiefer);line-height:1.5}
.zs-mini{display:flex;gap:6px;flex:0 0 auto}
.zs-mini-btn{padding:5px 11px;border-radius:999px;border:1px solid #DDE6F2;background:#F6F9FD;font-size:.76rem;font-weight:650;color:#3E5068;cursor:pointer}
.zs-mini-btn:hover{border-color:var(--zs-b);color:var(--zs-b)}
.zs-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-left:40px}
.zs-chipgrp small{display:block;margin-bottom:6px;font-size:.7rem;font-weight:700;color:#7A8BA2}
.zs-chipgrp>div{display:flex;flex-wrap:wrap;gap:6px}
.zs-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:999px;border:1px solid #DDE6F2;background:#fff;font-size:.82rem;font-weight:650;color:#4C5D74;cursor:pointer;transition:border-color .25s,background .25s,color .25s}
.zs-chip>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#EEF2F7;color:#7A8BA2;transition:background .25s,color .25s}
.zs-chip svg{width:12px;height:12px;stroke-width:2}
.zs-chip>i{width:14px;height:14px;border-radius:50%;border:1.5px solid #C8D4E3;transition:all .25s;position:relative}
.zs-chip:hover{border-color:color-mix(in srgb,var(--c) 60%,#DDE6F2)}
.zs-chip[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--tinte)}
.zs-chip[aria-pressed="true"]>span{background:var(--c);color:#fff}
.zs-chip[aria-pressed="true"]>i{background:var(--c);border-color:var(--c)}
.zs-chip[aria-pressed="true"]>i::after{content:"";position:absolute;left:4px;top:1.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.zs-tl{list-style:none;margin:0;padding:0 0 0 40px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.zs-tl::before{content:"";position:absolute;left:40px;right:0;top:7px;height:2px;background:#E3EAF3}
.zs-tl li{position:relative;display:grid;gap:3px;align-content:start;padding-right:8px;min-width:0}
.zs-tl-dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #C8D4E3;margin-bottom:6px;transition:all .35s}
.zs-tl li.is-on .zs-tl-dot{background:var(--zs-b);border-color:var(--zs-b);box-shadow:0 0 0 4px rgba(10,108,240,.14)}
.zs-tl li.is-on .zs-tl-dot::after{content:"";position:absolute;left:4px;top:1.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.zs-tl small{font-size:.68rem;color:#7A8BA2;line-height:1.25}
.zs-tl b{font-size:.8rem;line-height:1.25;color:#9AA8BA;hyphens:auto;overflow-wrap:break-word;transition:color .3s}
.zs-tl li.is-on b{color:var(--tinte)}
.zs-tl-mods{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;min-height:22px}
.zs-tl-mods span{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--c);color:#fff;animation:zsPop .35s cubic-bezier(.3,1.5,.5,1)}
.zs-tl-mods svg{width:11px;height:11px;stroke-width:2.2}
.zs-tl li:not(.is-on) .zs-tl-mods::before{content:"offen";font-size:.66rem;color:#AAB6C6;font-style:italic}
.zs-goals{list-style:none;margin:0;padding:0 0 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zs-goals li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #E6ECF4;background:#FAFCFE;transition:border-color .3s,background .3s}
.zs-goals li>i{grid-row:1 / span 2;width:22px;height:22px;border-radius:50%;border:1.5px dashed #C8D4E3;position:relative;margin-top:1px}
.zs-goals b{font-size:.88rem;color:#8A98AB}
.zs-goals span{font-size:.8rem;color:#8A98AB;line-height:1.45}
.zs-goals li.is-on{border-color:#BFE5D3;background:#F2FBF7}
.zs-goals li.is-on>i{border:0;background:#1F9D6B}
.zs-goals li.is-on>i::after{content:"";position:absolute;left:8px;top:4.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.zs-goals li.is-on b{color:var(--tinte)}.zs-goals li.is-on span{color:#3E5068}
.zs-lab .zs-view-switch{margin:0;flex:0 0 auto;padding:3px}
.zs-lab .zs-view-switch button{padding:5px 12px;font-size:.78rem}
.zs-tech{margin:14px 0 0 40px;border-radius:12px;border:1px solid #E6ECF4;background:#FAFCFE}
.zs-tech summary{cursor:pointer;padding:10px 14px;font-size:.84rem;font-weight:650;color:#3E5068;list-style:none}
.zs-tech summary::-webkit-details-marker{display:none}
.zs-tech summary::before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);transition:transform .25s;vertical-align:1px}
.zs-tech[open] summary::before{transform:rotate(45deg)}
.zs-tech-list{list-style:none;margin:0;padding:0 14px 12px;display:grid;gap:6px}
.zs-tech-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #EAF0F6}
.zs-tech-list li.is-off{opacity:.45}
.zs-tech-list b{font-size:.82rem;color:var(--tinte)}
.zs-tech-list p{grid-column:1 / -1;margin:0;font-size:.76rem;color:var(--schiefer);line-height:1.45}
.zs-tech-list .zs-tag.is-core{background:#E7F0FE;color:#0A4FB0}.zs-tech-list .zs-tag.is-plan{background:#FFF3D6;color:#8A5A00}.zs-tech-list .zs-tag.is-own{background:#E6F6EF;color:#136C49}
.zs-lfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #EAF0F6}
.zs-summary{flex:1 1 360px;margin:0;font-size:.9rem;font-weight:600;color:var(--tinte);line-height:1.5}
.zs-talk{flex:0 0 auto}
@keyframes zsPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){
  .zs-chips{grid-template-columns:1fr 1fr;padding-left:0}
  .zs-tl{grid-template-columns:1fr;padding-left:0;gap:10px}
  .zs-tl::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .zs-tl li{grid-template-columns:16px minmax(0,1fr);column-gap:12px;padding:0}
  .zs-tl-dot{grid-row:1 / span 3;margin:0}
  .zs-tl-mods{min-height:0}
  .zs-goals{grid-template-columns:1fr;padding-left:0}
  .zs-tech{margin-left:0}
  .zs-lstep-h{flex-wrap:wrap}
}
@media(max-width:560px){.zs-chips{grid-template-columns:1fr}.zs-talk{width:100%}}

/* ================= GASTREISE ================= */
.zs-journey{padding:clamp(84px,9vw,130px) 0;color:#fff;background:radial-gradient(ellipse at 10% 0%,rgba(92,163,255,.16),rgba(11,21,38,0) 45%),linear-gradient(170deg,#0F1D31,#0A1322)}
.zs-journey .zs-head h2 em{color:#9EC2FF}
.zs-trip{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,70px);align-items:start}
.zs-trip-vis{position:sticky;top:calc(var(--header-h,80px) + 30px)}
.zs-trip-card{padding:24px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.zs-road{position:relative;height:90px}
.zs-road svg{position:absolute;inset:0;width:100%;height:100%}
.zs-road-bg{stroke:rgba(255,255,255,.12);stroke-width:4;stroke-dasharray:2 8;fill:none;vector-effect:non-scaling-stroke}
.zs-road-fg{stroke:#5CA3FF;stroke-width:4;fill:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(92,163,255,.6))}
.zs-guest{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 0 24px rgba(92,163,255,.8);transition:left .9s var(--zs-ease),top .9s var(--zs-ease)}
.zs-stations{list-style:none;position:relative;height:40px;margin:6px 0 16px;padding:0}
.zs-stations li{position:absolute;left:var(--x);transform:translateX(-50%);display:grid;justify-items:center;gap:4px;width:16%}
.zs-stations i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .4s,box-shadow .4s}
.zs-stations small{font-size:.64rem;color:#7F92AA;text-align:center;line-height:1.2;transition:color .4s}
.zs-stations li.is-past i{background:#5CA3FF}
.zs-stations li.is-now i{background:#fff;box-shadow:0 0 0 4px rgba(92,163,255,.35)}
.zs-stations li.is-now small{color:#fff;font-weight:650}
.zs-trip-now{padding:14px 0 12px;border-top:1px solid rgba(255,255,255,.1)}
.zs-trip-now small{display:block;font-size:.8rem;color:#9EC2FF;font-weight:650}
.zs-trip-now b{display:block;font-size:1.5rem;letter-spacing:-.02em}
.zs-badges{display:flex;flex-wrap:wrap;gap:8px}
.zs-bdg{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.84rem;font-weight:650;color:#6F819A;transition:all .45s var(--zs-ease)}
.zs-bdg span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.06)}
.zs-bdg svg{width:14px;height:14px}
.zs-bdg.is-on{color:#fff;border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);transform:translateY(-2px)}
.zs-bdg.is-on span{background:var(--c);color:#0B1526}
.zs-steps{display:grid;gap:18px;padding:10vh 0}
.zs-step{padding:24px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);opacity:.45;transition:opacity .5s,border-color .5s,background .5s,transform .5s var(--zs-ease)}
.zs-step.is-now{opacity:1;border-color:rgba(92,163,255,.5);background:rgba(92,163,255,.07);transform:translateX(-6px)}
.zs-step-n{font-size:.8rem;font-weight:800;color:#5CA3FF;font-variant-numeric:tabular-nums}
.zs-step small{display:block;margin-top:6px;font-size:.8rem;color:#9FB2C8}
.zs-step h3{margin:2px 0 8px;font-size:1.3rem}
.zs-step p{margin:0 0 12px;color:#B7C4D4;line-height:1.65;font-size:.95rem}
.zs-pills{display:flex;flex-wrap:wrap;gap:6px}
.zs-pills span{padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:650;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c2);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}

/* ================= WIRKUNG ================= */
.zs-impact{padding:clamp(84px,9vw,130px) 0;background:#fff}
.zs-flip-switch{margin-top:18px}
.zs-flips{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1400px}
.zs-flip{min-height:330px}
.zs-flip-in{position:relative;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.9,.3,1) var(--d)}
.zs-flips.is-guest .zs-flip-in{transform:rotateY(180deg)}
.zs-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:24px 22px;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.zs-front{background:linear-gradient(170deg,#F8FBFF,#EEF4FC);border:1px solid #DDE6F2}
.zs-back{transform:rotateY(180deg);background:linear-gradient(165deg,#13223A,#0A1424);color:#fff}
.zs-impact-n{font-size:.8rem;font-weight:800;color:var(--zs-b)}
.zs-back .zs-impact-n{color:#9EC2FF}
.zs-face h3{font-size:1.14rem;margin:6px 0 8px;line-height:1.25}
.zs-front p{margin:0 0 12px;font-size:.9rem;line-height:1.55;color:var(--schiefer)}
.zs-front p strong{color:var(--tinte)}
.zs-flip-mods{display:flex;gap:6px;margin:0 0 auto;padding-bottom:14px}
.zs-flip-mods span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--c);color:#fff}
.zs-flip-mods svg{width:15px;height:15px}
.zs-face small{display:block;font-size:.74rem;font-weight:700;color:#6B7B92;padding-top:12px;border-top:1px solid #DDE6F2}
.zs-back small{color:#9FB2C8;border-color:rgba(255,255,255,.12)}
.zs-face b{display:block;margin-top:4px;font-size:1.02rem;line-height:1.35;color:var(--tinte)}
.zs-back b{color:#fff;font-size:1.15rem}

/* ================= STATUS ================= */
.zs-status{padding:clamp(70px,8vw,110px) 0;color:#fff;background:linear-gradient(170deg,#0F1D31,#0A1322)}
.zs-status h2 em{font-style:normal;color:#9EC2FF}
.zs-status-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:9%;align-items:center}
.zs-legend{display:grid;gap:10px}
.zs-legend>div{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.zs-legend i{flex:0 0 34px;height:4px;margin-top:10px;border-radius:4px}
.lg-own{background:#39BF86}.lg-core{background:#5CA3FF}.lg-plan{background:repeating-linear-gradient(90deg,#F2C14E 0 6px,transparent 6px 10px)}
.zs-legend b{display:block;font-size:.98rem}
.zs-legend small{display:block;margin-top:2px;font-size:.84rem;color:#AFBDCD;line-height:1.5}

/* ================= ABSCHLUSS ================= */
.zs-final{padding:clamp(84px,9vw,130px) 0;background:#fff}
.zs-final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(40px,8vw,110px);align-items:center}
.zs-final h2{margin-bottom:20px}
.zs-link{display:inline-block;margin-top:22px;font-weight:650;color:var(--zs-b);border-bottom:1.5px solid rgba(10,108,240,.35);padding-bottom:3px}
.zs-final-card{padding:clamp(28px,4vw,40px);border-radius:24px;background:var(--zs-night);color:#fff;box-shadow:0 40px 80px rgba(13,26,43,.2)}
.zs-final-k{margin:0;font-weight:650;color:#9EC2FF}
.zs-final-card h3{font-size:clamp(1.5rem,2.3vw,2rem);margin:10px 0 12px}
.zs-final-card p{color:#B7C4D4;line-height:1.65}
.zs-person{display:flex;align-items:center;gap:14px;padding:16px 0;margin:6px 0 20px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.zs-person img{width:54px;height:54px;border-radius:50%;border:2px solid rgba(92,163,255,.7)}
.zs-person strong,.zs-person span{display:block}.zs-person span{font-size:.86rem;color:#AFBDCD}
.zs-final-card .btn{width:100%}

.zs-rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--zs-ease),transform .7s var(--zs-ease)}
.zs-rv.is-in{opacity:1;transform:none}
@keyframes zsRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes zsFade{from{opacity:0}to{opacity:1}}
@keyframes zsIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes zsBlink{50%{opacity:.35}}
@keyframes zsBump{50%{transform:scale(1.15)}}
@keyframes zsGlow{0%{box-shadow:0 0 0 0 rgba(92,163,255,.6)}100%{box-shadow:0 0 0 10px rgba(92,163,255,0)}}

@media(max-width:1100px){.zs-flips{grid-template-columns:1fr 1fr}}
@media(max-width:960px){
  .zs-hero-grid,.zs-head,.zs-start-head,.zs-trip,.zs-status-grid,.zs-final-grid{grid-template-columns:minmax(0,1fr)}
  .zs-head,.zs-start-head{gap:18px}
  .zs-presets{grid-template-columns:1fr}
  .zs-trip-vis{position:sticky;top:calc(var(--header-h,70px) + 8px);z-index:2}
  .zs-trip-card{padding:14px;background:rgba(12,24,40,.94);backdrop-filter:blur(8px)}
  .zs-trip-now b{font-size:1.1rem}.zs-stations{display:none}.zs-road{height:56px}
  .zs-badges .zs-bdg:not(.is-on){display:none}
  .zs-steps{padding:0}
}
@media(max-width:600px){
  .zs-hn{padding:4px 8px 4px 4px;gap:5px;border-radius:10px}.zs-hn b{font-size:.66rem}.zs-hn-ic{width:20px;height:20px;border-radius:6px}.zs-hn-ic svg{width:11px;height:11px}
  .zs-hn-hotel{width:78px;height:78px;padding:6px}.zs-hn-hotel b{font-size:.8rem}.zs-hn-hotel small{font-size:.54rem}
  .zs-feed li{font-size:.76rem;grid-template-columns:20px minmax(0,1fr)}.zs-feed .zs-tag{grid-column:2;justify-self:start}
  .zs-phases{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .zs-imps{grid-template-columns:1fr}
  .zs-flips{grid-template-columns:1fr}.zs-flip{min-height:290px}
  .zs-score b{font-size:1.4rem}
  .zs-strip span{font-size:.84rem}
}
@media(prefers-reduced-motion:reduce){
  .zs-hero *,.zs-system *,.zs-journey *,.zs-impact *,.zs-rv{animation:none!important;transition:none!important}
  .zs-rv{opacity:1;transform:none}
}
.zs-face b,.zs-face h3{hyphens:auto;overflow-wrap:break-word}
.zs-view-switch,.zs-flip-switch{display:inline-flex;margin-top:18px;padding:4px;border-radius:999px;background:#EEF3FA;border:1px solid #DDE6F2}
.zs-view-switch button,.zs-flip-switch button{border:0;background:transparent;padding:8px 14px;border-radius:999px;font-size:.84rem;font-weight:650;color:#4C5D74;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.zs-view-switch button[aria-pressed="true"],.zs-flip-switch button[aria-pressed="true"]{background:#fff;color:var(--tinte);box-shadow:0 4px 12px rgba(13,40,80,.12)}
.zs-lab .zs-view-switch{margin:0;flex:0 0 auto;padding:3px}
.zs-lab .zs-view-switch button{padding:5px 12px;font-size:.78rem}
.zs-preset .zs-combo-k{flex:0 0 auto;margin:0 0 8px}