/* NEXUS Lösungsübersicht V1.6 – Ergänzung zu ../startseite/assets/style.css
   Signature: Das Hotel selbst ist die Landkarte der Lösungen (isometrischer Schnitt, Fenster gehen nacheinander an). */
:root{--ls-ease:var(--ease,cubic-bezier(.2,.7,.2,1));--ls-hell:var(--blau-hell,#5CA3FF);--ls-zart:var(--blau-zart,#EAF2FE);--ls-warm:#F2C572;--ls-night:#0D1A2B}
.nav-trigger.is-current{color:#fff;position:relative}
.nav-trigger.is-current::after{content:"";position:absolute;left:0;right:18px;bottom:2px;height:2px;border-radius:2px;background:var(--blau)}
.ls-panel-foot{font-size:.82rem;color:var(--schiefer);margin-top:18px}
.ls-panel-foot--dark{color:#8FA7C2}

/* ================= HERO ================= */
.ls-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 72% 55%,#173F70 0%,rgba(13,26,43,0) 50%),linear-gradient(160deg,#0D1A2B 0%,#0A1522 100%)}
.ls-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 40%,rgba(242,197,114,.08),transparent 30%);pointer-events:none}
.ls-breadcrumb{display:flex;gap:12px;padding-top:34px;font-size:.9rem;color:#8DA6C3}
.ls-breadcrumb a:hover{color:#fff}
.ls-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);align-items:center;padding:28px 0 72px}
.ls-hero .eyebrow{animation:lsRise .8s var(--ls-ease) .1s both}
.ls-hero h1{font-size:clamp(2.6rem,4.3vw,4.2rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:6px 0 26px;animation:lsRise 1s var(--ls-ease) .18s both}
.ls-hero h1 em{font-style:normal;color:#81B9FF}
.ls-lead{max-width:34em;font-size:clamp(1.03rem,1.3vw,1.18rem);line-height:1.75;color:#BDCDDF;animation:lsRise .9s var(--ls-ease) .4s both}
.ls-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px;animation:lsRise .9s var(--ls-ease) .52s both}
.ls-hero-textlink{font-weight:650;color:#D5E6FF;padding:8px 0;border-bottom:1.5px solid rgba(148,199,255,.4);transition:color .2s,border-color .2s}
.ls-hero-textlink:hover{color:#fff;border-color:#fff}

/* Hotel-Szene */
.ls-hotel{position:relative;margin:0;min-width:0}
.ls-hotel-stage{position:relative;aspect-ratio:580/488;width:100%;max-width:640px;margin:40px auto 0}
.hotel-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.iso-base{animation:lsFade 1s ease .1s both}
.iso-ground{fill:rgba(92,163,255,.05);stroke:rgba(140,190,255,.2);stroke-width:1}
.iso-grid{stroke:rgba(140,190,255,.08);stroke-width:1}
.iso-building{animation:lsRiseSvg 1.1s var(--ls-ease) .25s both}
.face-top{fill:#1F3E63;stroke:rgba(156,200,255,.35);stroke-width:1}
.face-left{fill:#16304F;stroke:rgba(156,200,255,.3);stroke-width:1}
.face-right{fill:#0F2540;stroke:rgba(156,200,255,.25);stroke-width:1}
.face-rim{fill:#23456C}.face-rim-r{fill:#1A3656}
.slab{fill:none;stroke:rgba(156,200,255,.18);stroke-width:1}
.win{fill:#0D2036;stroke:rgba(156,200,255,.12);stroke-width:.8}
.win.on{animation:lsWin .5s ease var(--d) forwards}
.win-r.on{animation-name:lsWinR}
.zone{transition:opacity .35s,filter .35s}
.lobby{fill:#0D2036;animation:lsLobby .8s ease .75s forwards}
.mullion{stroke:rgba(13,26,43,.55);stroke-width:1.2}
.door{fill:#0A1828;stroke:rgba(242,197,114,.5);stroke-width:1}
.canopy{fill:#2C5584;stroke:rgba(156,200,255,.5);stroke-width:1}
.guest-path{fill:none;stroke:rgba(242,197,114,.55);stroke-width:2;stroke-dasharray:3 6;stroke-linecap:round;opacity:0;animation:lsFade .8s ease 2s forwards}
.guest{fill:#fff;filter:drop-shadow(0 0 5px rgba(242,197,114,.9));opacity:0;animation:lsFade .4s ease 2.4s forwards}
.win-room{fill:#0D2036;stroke:var(--ls-hell);stroke-width:1.5;animation:lsRoomWin .6s ease 1.9s forwards}
.room-lead{stroke:var(--ls-hell);stroke-width:1.5;stroke-dasharray:3 4}
.room-ring{fill:none;stroke:var(--ls-hell);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center;animation:lsRing 2.4s ease-out 2.2s infinite}
.solar{fill:#12305A;stroke:rgba(156,200,255,.5);stroke-width:1}
.solar-line{stroke:rgba(156,200,255,.35);stroke-width:.8}
.garden{fill:#1E4A3A;stroke:rgba(140,220,170,.35);stroke-width:1}
.trunk{stroke:#6D8B6F;stroke-width:1.6}
.tree{fill:#3E8F66;stroke:rgba(190,255,210,.35);stroke-width:1}
.z-green{animation:lsFade .9s ease 1.5s backwards}
.z-web{animation:lsFade .9s ease 1.7s backwards}
.web-link{fill:none;stroke:rgba(92,163,255,.5);stroke-width:1.5;stroke-dasharray:4 6}
.br-frame{fill:#F5F8FC;stroke:rgba(255,255,255,.6)}
.br-bar{fill:#DDE7F3}
.br-dot{fill:#AFC3DA}
.br-line{fill:#D5E0EE}
.br-bubble{fill:var(--blau)}
.br-bubble-line{fill:rgba(255,255,255,.75)}
.br-clara{fill:#fff;stroke:var(--blau);stroke-width:2}
.browser{filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}

/* Fokus eines Bereichs */
.ls-hotel[data-zone] .zone,.ls-hotel[data-zone] .wins{opacity:.28}
.ls-hotel[data-zone="booking"] .z-booking,.ls-hotel[data-zone="web"] .z-web,.ls-hotel[data-zone="room"] .z-room,.ls-hotel[data-zone="green"] .z-green{opacity:1;filter:drop-shadow(0 0 10px rgba(92,163,255,.55))}
.ls-hotel[data-zone] .ls-pin{opacity:.45}
.ls-hotel[data-zone] .ls-pin.is-active{opacity:1}

/* Pins: der Punkt sitzt exakt auf der Stelle im Hotel, das Label hängt daneben */
.ls-pin{position:absolute;z-index:2;width:38px;height:38px;transform:translate(-50%,-50%);opacity:0;animation:lsPin .6s var(--ls-ease) both;transition:opacity .3s}
.pin-web{animation-delay:2.1s}.pin-green{animation-delay:2.25s}.pin-room{animation-delay:2.4s}.pin-booking{animation-delay:2.55s}
.pin-dot{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:var(--blau);border:2px solid #fff;box-shadow:0 0 0 6px rgba(10,108,240,.25),0 10px 24px rgba(0,0,0,.35);transition:transform .25s var(--ls-ease),box-shadow .25s}
.pin-dot svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pin-label{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:8px 12px;border-radius:10px;background:rgba(13,26,43,.85);border:1px solid rgba(156,200,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;line-height:1.25;color:#fff}
.lbl-up .pin-label{left:50%;top:auto;bottom:calc(100% + 10px);transform:translateX(-50%);text-align:center}
.lbl-down .pin-label{left:50%;top:calc(100% + 10px);transform:translateX(-50%);text-align:center}
.pin-label strong{font-size:.9rem;font-weight:650}
.pin-label small{font-size:.76rem;color:#A9BDD3}
.ls-pin:hover .pin-dot,.ls-pin:focus-visible .pin-dot{transform:scale(1.12);box-shadow:0 0 0 8px rgba(10,108,240,.35),0 10px 24px rgba(0,0,0,.35)}
.ls-hotel figcaption{text-align:center;font-size:.8rem;color:#7A98B9;margin-top:14px}

.ls-hero-bottom{background:rgba(6,19,35,.5);border-top:1px solid rgba(255,255,255,.1)}
.ls-hero-bottom .container{display:flex;justify-content:space-between;gap:20px;padding:20px 0}
.ls-hero-bottom span{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#C6D2DF}
.ls-hero-bottom span::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ls-hell)}

/* ================= ORIENTIERUNG ================= */
.ls-orientation{background:#fff}
.ls-orientation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:9%;align-items:end}
.ls-orientation-text p{color:var(--schiefer);line-height:1.8}
.ls-orientation-text p+p{margin-top:14px}
.ls-anchor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.ls-anchor-row>a{display:flex;align-items:center;gap:16px;padding:22px 22px;border-radius:18px;border:1px solid var(--linie);background:var(--porzellan,#F3F5F8);transition:border-color .25s,background .25s,transform .3s var(--ls-ease)}
.ls-anchor-row>a:hover{border-color:var(--blau);background:#fff;transform:translateY(-3px)}
.ls-anchor-icon{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #DCE8F7}
.ls-anchor-icon svg{width:24px;height:24px;fill:none;stroke:var(--blau);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ls-anchor-text{flex:1;display:flex;flex-direction:column}
.ls-anchor-text strong{font-weight:650;line-height:1.3}
.ls-anchor-text small{color:var(--schiefer);font-size:.88rem}
.ls-anchor-arrow{width:16px;height:16px;fill:none;stroke:var(--blau);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ls-ease)}
.ls-anchor-row>a:hover .ls-anchor-arrow{transform:translateY(3px)}

/* ================= BOOYAGE ================= */
.ls-booyage{background:var(--tiefe,#11233A);color:#fff;position:relative;overflow:hidden}
.ls-booyage::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-200px;background:radial-gradient(circle,rgba(10,108,240,.2),transparent 62%);pointer-events:none}
.ls-feature-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,96px);align-items:center}
.ls-feature-copy h2{margin-bottom:24px}
.ls-feature-copy h2 em,.ls-room-copy h2 em,.ls-together h2 em,.ls-contact h2 em{color:#83B8FF}
.ls-feature-copy>p:not(.eyebrow),.ls-room-copy>p:not(.eyebrow),.ls-together-grid p:not(.eyebrow){color:#B8C8DA;line-height:1.8}
.ls-feature-copy>p+p,.ls-room-copy>p+p,.ls-together-grid p+p{margin-top:14px}
.ls-feature-copy .btn,.ls-room-copy .btn,.ls-together .btn{margin-top:30px}
.ls-journey{padding:30px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(126,175,224,.25)}
.ls-panel-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ls-panel-label strong{font-size:1.5rem;font-weight:800;letter-spacing:-.06em}
.ls-panel-label span{font-size:.9rem;color:#A8C0D9}
.ls-journey-rail{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;counter-reset:j}
.ls-journey-rail::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:rgba(126,175,224,.2)}
.ls-journey-rail::after{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--ls-hell),var(--blau));transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ls-ease) .2s}
.ls-journey.is-visible .ls-journey-rail::after{transform:scaleX(1)}
.ls-journey-rail li{position:relative;z-index:1;counter-increment:j}
.ls-journey-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#11233A;border:1.5px solid rgba(126,175,224,.4);transition:background .4s,border-color .4s,box-shadow .4s}
.ls-journey-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ls-journey.is-visible li .ls-journey-icon{background:var(--blau);border-color:var(--blau);box-shadow:0 0 0 6px rgba(10,108,240,.2)}
.ls-journey.is-visible li:nth-child(1) .ls-journey-icon{transition-delay:.2s}
.ls-journey.is-visible li:nth-child(2) .ls-journey-icon{transition-delay:.8s}
.ls-journey.is-visible li:nth-child(3) .ls-journey-icon{transition-delay:1.4s}
.ls-journey-rail small{display:block;margin-top:18px;font-size:.84rem;color:var(--ls-hell);font-weight:650}
.ls-journey-rail small::before{content:counter(j) ". "}
.ls-journey-rail h3{font-size:1.3rem;margin:4px 0 6px}
.ls-journey-rail p{font-size:.94rem;color:#B5C3D3;line-height:1.6}
.ls-journey .ls-panel-foot{color:#8FA7C2;margin-top:26px;padding-top:18px;border-top:1px solid rgba(126,175,224,.18)}

/* ================= CLARAWEB ================= */
.ls-assist{background:#fff}
.ls-assist-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(40px,7vw,96px);align-items:center}
.ls-knowledge{padding:28px;border-radius:26px;background:linear-gradient(160deg,#F4F8FE,#E3EEFC);border:1px solid #D7E5F7}
.ls-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.ls-flow li{position:relative;padding:16px 14px;border-radius:14px;background:#fff;border:1px solid #DCE8F7;display:flex;flex-direction:column;gap:2px}
.ls-flow li+li::before{content:"";position:absolute;left:-13px;top:50%;width:12px;height:2px;background:var(--blau)}
.ls-flow span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ls-zart);margin-bottom:8px}
.ls-flow span svg{width:20px;height:20px;fill:none;stroke:var(--blau);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ls-flow strong{font-size:.98rem}
.ls-flow small{font-size:.8rem;color:var(--schiefer);line-height:1.4}
.ls-chat{position:relative;margin-top:26px;padding:20px;border-radius:18px;background:var(--ls-night);color:#fff;box-shadow:0 30px 60px rgba(13,26,43,.22)}
.ls-chat::before{content:"";position:absolute;left:50%;top:-26px;height:26px;border-left:2px dashed var(--blau)}
.ls-chat-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.ls-chat-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blau);font-weight:700}
.ls-chat-top strong{display:block;font-size:.95rem}
.ls-chat-top small{font-size:.8rem;color:#A8C0D9}
.ls-msg{max-width:86%;padding:11px 15px;border-radius:16px;font-size:.93rem;line-height:1.5;margin-top:12px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ls-ease),transform .5s var(--ls-ease)}
.ls-msg-guest{margin-left:auto;background:var(--blau);border-bottom-right-radius:5px}
.ls-msg-clara{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-bottom-left-radius:5px}
.ls-source{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;color:#A8C0D9;opacity:0;transition:opacity .5s}
.ls-source svg{width:14px;height:14px;fill:none;stroke:var(--ls-hell);stroke-width:1.4;flex:0 0 14px}
.ls-knowledge.is-visible .ls-msg-guest{opacity:1;transform:none;transition-delay:.2s}
.ls-knowledge.is-visible .ls-msg-clara{opacity:1;transform:none;transition-delay:1s}
.ls-knowledge.is-visible .ls-source{opacity:1;transition-delay:1.6s}
.ls-assist-copy h2{margin-bottom:24px}
.ls-assist-copy>p:not(.eyebrow){color:var(--schiefer);line-height:1.8}
.ls-assist-copy>p+p{margin-top:14px}
.ls-assist-lead{font-size:1.08rem;color:var(--tinte)!important}
.ls-assist-pills{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.ls-assist-pills li{padding:7px 14px;border-radius:999px;background:var(--ls-zart);color:#1F5A9E;font-size:.88rem;font-weight:600}

/* ================= ROOMCONTROL ================= */
.ls-room{background:var(--ls-night);color:#fff;position:relative;overflow:hidden}
.ls-room::before{content:"";position:absolute;width:800px;height:800px;left:-300px;bottom:-400px;background:radial-gradient(circle,rgba(242,197,114,.1),transparent 60%);pointer-events:none}
.ls-room-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,96px);align-items:center}
.ls-room-copy h2{margin-bottom:24px}
.ls-roomdemo{padding:22px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(126,175,224,.25)}
.ls-room-view{border-radius:16px;overflow:hidden;background:#15283F}
.ls-room-view svg{display:block;width:100%;height:auto}
.rm-wall{fill:#1E3452;transition:fill .8s}
.rm-floor{fill:#162840;transition:fill .8s}
.sky-a{stop-color:#8FC1F2;transition:stop-color .8s}.sky-b{stop-color:#D9ECFF;transition:stop-color .8s}
.rm-sun{fill:#FFE7A6;transition:opacity .8s}
.rm-blind{fill:#C9D5E3;transform-box:fill-box;transform-origin:top;transform:scaleY(0);transition:transform .9s var(--ls-ease)}
.rm-frame{fill:none;stroke:#E8EEF6;stroke-width:5}
.rm-glow{transition:opacity .8s}
.rm-lamp line{stroke:#8FA7C2;stroke-width:2}
.rm-lamp path{fill:#E8D6B0}
.rm-bulb{fill:#FFE3A1;transition:fill .6s}
.rm-bed rect{fill:#2B4A70;transition:fill .8s}
.rm-bed .rm-pillow{fill:#E4ECF6}
.rm-bed .rm-blanket{fill:#3F6A9C}
.rm-bed .rm-head{fill:#8A6A45}
.rm-panel rect{fill:#0D1A2B;stroke:rgba(156,200,255,.5)}
.rm-temp{fill:#fff;font:700 18px var(--sans,system-ui)}
.rm-led{fill:#5CD69A;transition:fill .5s}
.ls-roomdemo[data-scene="away"] .rm-glow{opacity:0}
.ls-roomdemo[data-scene="away"] .rm-bulb{fill:#6E7F95}
.ls-roomdemo[data-scene="away"] .rm-blind{transform:scaleY(.72)}
.ls-roomdemo[data-scene="away"] .rm-wall{fill:#172A43}
.ls-roomdemo[data-scene="away"] .rm-led{fill:#5CA3FF}
.ls-roomdemo[data-scene="night"] .rm-glow{opacity:.35}
.ls-roomdemo[data-scene="night"] .rm-blind{transform:scaleY(1)}
.ls-roomdemo[data-scene="night"] .rm-wall{fill:#0F1D30}
.ls-roomdemo[data-scene="night"] .rm-floor{fill:#0B1624}
.ls-roomdemo[data-scene="night"] .sky-a{stop-color:#0E1A33}.ls-roomdemo[data-scene="night"] .sky-b{stop-color:#23385C}
.ls-roomdemo[data-scene="night"] .rm-sun{opacity:0}
.ls-roomdemo[data-scene="night"] .rm-bulb{fill:#F2C572}
.ls-roomdemo[data-scene="night"] .rm-led{fill:#F2C572}
.ls-room-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ls-room-controls button{flex:1 1 auto;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(126,175,224,.35);background:transparent;color:#fff;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ls-room-controls button:hover{border-color:#fff}
.ls-room-controls button[aria-pressed="true"]{background:var(--blau);border-color:var(--blau)}
.ls-room-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}
.ls-room-status div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05)}
.ls-room-status dt{font-size:.8rem;color:#8FA7C2}
.ls-room-status dd{margin:2px 0 0;font-size:.92rem;font-weight:600}

/* ================= BAUSTEINE ================= */
.ls-modules{background:var(--porzellan,#F3F5F8)}
.ls-modules-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:9%;align-items:end;margin-bottom:48px}
.ls-modules-top>p{color:var(--schiefer);line-height:1.8}
.ls-module-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ls-module-list article{display:grid;grid-template-columns:52px 1fr;gap:6px 18px;padding:26px;border-radius:18px;background:#fff;border:1px solid var(--linie);transition:transform .3s var(--ls-ease),box-shadow .3s}
.ls-module-list article:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(14,34,57,.08)}
.ls-module-icon{grid-row:span 2;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--ls-zart)}
.ls-module-icon svg{width:24px;height:24px;fill:none;stroke:var(--blau);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ls-module-list h3{font-size:1.3rem;margin-bottom:6px}
.ls-module-list p{color:var(--schiefer);font-size:.96rem;line-height:1.65}
.ls-module-kind{grid-column:2;justify-self:start;margin-top:12px;padding:4px 12px;border-radius:999px;background:var(--porzellan,#F3F5F8);font-size:.8rem;font-weight:600;color:#3C5475}
.ls-status-note{display:flex;gap:12px;align-items:flex-start;margin-top:32px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--linie);color:var(--schiefer);font-size:.94rem}
.ls-status-note svg{flex:0 0 20px;width:20px;height:20px;margin-top:2px;fill:none;stroke:var(--blau);stroke-width:1.6;stroke-linecap:round}

/* ================= GREENSEAL ================= */
.ls-green{background:linear-gradient(180deg,#F1F7F3,#E6F1EA)}
.ls-green-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;align-items:center}
.ls-green .eyebrow,.ls-green h2 em{color:#23865A}
.ls-green-copy h2{margin-bottom:24px}
.ls-green-copy>p:not(.eyebrow){color:#4E6558;line-height:1.8;max-width:34em}
.ls-green .text-link{color:#1E7A50;border-color:rgba(30,122,80,.35)}
.ls-green-art{position:relative;max-width:340px;width:100%;justify-self:center}
.ls-green-art svg{width:100%;height:auto;display:block}
.gs-ring{fill:none;stroke:rgba(35,134,90,.25);stroke-width:1.2;stroke-dasharray:3 7}
.gs-ring-2{stroke-dasharray:none;stroke:rgba(35,134,90,.18)}
.gs-disc{fill:#fff;stroke:rgba(35,134,90,.2);filter:drop-shadow(0 20px 30px rgba(35,90,60,.15))}
.gs-leaf{fill:rgba(46,160,105,.0);stroke:#23865A;stroke-width:3;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ls-ease),fill .8s ease 1.3s}
.gs-vein{fill:none;stroke:#23865A;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ls-ease) 1s}
.ls-green-art.is-visible .gs-leaf{stroke-dashoffset:0;fill:rgba(46,160,105,.18)}
.ls-green-art.is-visible .gs-vein{stroke-dashoffset:0}
.gs-word{position:absolute;left:0;right:0;bottom:22%;text-align:center;font-size:.85rem;font-weight:800;letter-spacing:.25em;color:#23865A}
.gs-word b{font-weight:800;color:#15573A}

/* ================= ZUSAMMENSPIEL ================= */
.ls-together{background:var(--tiefe,#11233A);color:#fff;position:relative;overflow:hidden}
.ls-together::before{content:"";position:absolute;width:800px;height:800px;left:-260px;top:-240px;background:radial-gradient(circle,rgba(10,108,240,.22),transparent 62%);pointer-events:none}
.ls-together-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,96px);align-items:center}
.ls-together h2{margin-bottom:24px}
.ls-modular{padding:24px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(126,175,224,.25)}
.ls-mod-toggle{display:inline-flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.06)}
.ls-mod-toggle button{border:0;background:transparent;color:#C6D2DF;padding:10px 16px;border-radius:9px;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.ls-mod-toggle button[aria-pressed="true"]{background:var(--blau);color:#fff}
.ls-mod-board{position:relative;aspect-ratio:4/3;margin-top:18px}
.ls-mod-lines{position:absolute;inset:0;width:100%;height:100%}
.ls-mod-lines path{fill:none;stroke:var(--ls-hell);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .8s var(--ls-ease),opacity .3s}
.ls-modular[data-mode="linked"] .ls-mod-lines path{stroke-dashoffset:0;opacity:1;transition-delay:.35s}
.ls-tile{position:absolute;width:40%;padding:18px 12px;border-radius:14px;text-align:center;font-weight:650;background:#18314F;border:1px dashed rgba(156,200,255,.4);transform:translate(-50%,-50%);transition:left .7s var(--ls-ease),top .7s var(--ls-ease),border-color .4s,background .4s,box-shadow .4s}
.t1{left:18%;top:14%}.t2{left:82%;top:22%}.t3{left:22%;top:86%}.t4{left:80%;top:78%}
.ls-modular[data-mode="linked"] .ls-tile{border-style:solid;border-color:var(--ls-hell);background:#1C3D66;box-shadow:0 0 30px rgba(10,108,240,.3)}
.ls-modular[data-mode="linked"] .t1{left:27.5%;top:26.7%}
.ls-modular[data-mode="linked"] .t2{left:72.5%;top:26.7%}
.ls-modular[data-mode="linked"] .t3{left:27.5%;top:73.3%}
.ls-modular[data-mode="linked"] .t4{left:72.5%;top:73.3%}

/* ================= KONTAKT ================= */
.ls-contact{background:#fff}
.ls-contact-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:center;padding:clamp(38px,5vw,64px);border-radius:26px;background:var(--ls-night);color:#fff}
.ls-contact-panel::after{content:"";position:absolute;right:-160px;top:-200px;width:460px;height:460px;border:1px solid #3162A2;border-radius:50%;pointer-events:none}
.ls-contact h2{margin-bottom:18px}
.ls-contact-panel p:not(.eyebrow){color:#B9C8DB;max-width:36em}
.ls-contact-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding-left:40px;border-left:1px solid rgba(255,255,255,.14)}
.ls-contact-request{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);border-radius:10px;padding:24px}
.ls-contact-request .ls-contact-k{margin:0;color:#83B8FF;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ls-contact-request h3{margin:0;font-size:1.18rem;font-weight:600;line-height:1.3;color:#fff}
.ls-contact-request p:not(.ls-contact-k){margin:0;color:#B9C8DB;font-size:.94rem;line-height:1.6}
.ls-contact-request .btn{align-self:flex-start}

/* ================= Animationen ================= */
@keyframes lsRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lsRiseSvg{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes lsFade{from{opacity:0}to{opacity:1}}
@keyframes lsWin{to{fill:#F2C572;stroke:rgba(255,230,170,.6);filter:drop-shadow(0 0 4px rgba(242,197,114,.8))}}
@keyframes lsWinR{to{fill:#D9A955;stroke:rgba(255,230,170,.4);filter:drop-shadow(0 0 3px rgba(242,197,114,.6))}}
@keyframes lsLobby{to{fill:#F5D08A;filter:drop-shadow(0 0 8px rgba(242,197,114,.7))}}
@keyframes lsRoomWin{to{fill:#9CC8FF;filter:drop-shadow(0 0 8px rgba(92,163,255,.9))}}
@keyframes lsRing{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(2.4)}}
@keyframes lsPin{from{opacity:0;transform:translate(-50%,-30%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* ================= Responsive ================= */
@media(max-width:1100px){
  .pin-label small{display:none}
}
@media(max-width:960px){
  .ls-hero-grid,.ls-feature-grid,.ls-assist-grid,.ls-room-grid,.ls-green-shell,.ls-together-grid,.ls-orientation-grid,.ls-modules-top,.ls-contact-panel{grid-template-columns:minmax(0,1fr)}
  .ls-hero-grid{padding-top:32px;gap:40px}
  .ls-hotel{max-width:620px;width:100%;justify-self:center}
  .ls-orientation-grid,.ls-modules-top{gap:22px}
  .ls-anchor-row{grid-template-columns:1fr}
  .ls-assist .ls-knowledge{order:2}
  .ls-module-list{grid-template-columns:1fr}
  .ls-together-grid>.ls-modular{order:2}
  .ls-contact-actions{padding:24px;border-left:1px solid rgba(255,255,255,.12);border-top:0}
}
@media(max-width:600px){
  .ls-hero h1{font-size:clamp(2.4rem,11vw,3.2rem)}
  .ls-hero-actions{flex-direction:column;align-items:stretch}
  .ls-hero-actions .btn{width:100%}
  .ls-hero-actions .ls-hero-textlink{align-self:flex-start}
  .ls-hotel-stage{margin-top:44px}
  .pin-room .pin-label{left:auto;right:-4px;transform:none}
  .ls-pin{width:30px;height:30px}.pin-dot{border-width:1.5px}
  .pin-dot svg{width:15px;height:15px}
  .pin-label{padding:5px 8px}
  .pin-label strong{font-size:.76rem}
  .ls-hero-bottom .container{flex-direction:column;gap:8px}
  .ls-journey{padding:22px 18px}
  .ls-journey-rail{grid-template-columns:1fr;gap:22px}
  .ls-journey-rail::before,.ls-journey-rail::after{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
  .ls-journey-rail::after{transform-origin:top;transform:scaleY(0)}
  .ls-journey.is-visible .ls-journey-rail::after{transform:scaleY(1)}
  .ls-journey-rail li{display:grid;grid-template-columns:56px 1fr;column-gap:16px}
  .ls-journey-rail li .ls-journey-icon{grid-row:span 3}
  .ls-journey-rail small{margin-top:4px}
  .ls-knowledge{padding:18px}
  .ls-flow{grid-template-columns:1fr}
  .ls-flow li{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
  .ls-flow li span{margin-bottom:0}
  .ls-flow li small{flex-basis:100%;padding-left:48px;margin-top:-10px}
  .ls-flow li+li::before{left:30px;top:-13px;width:2px;height:12px}
  .ls-roomdemo{padding:14px}
  .ls-room-status{grid-template-columns:1fr}
  .ls-module-list article{grid-template-columns:44px 1fr;padding:20px}
  .ls-module-icon{width:44px;height:44px}
  .ls-green-art{max-width:260px}
  .ls-modular{padding:16px}
  .ls-mod-toggle{display:flex}
  .ls-mod-toggle button{flex:1;padding:10px 8px;font-size:.9rem}
  .ls-tile{font-size:.82rem;padding:12px 6px}
  .ls-contact-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .ls-hero *,.hotel-svg *{animation-duration:.01ms!important;animation-delay:0s!important}
  .guest,.room-lead{stroke:var(--ls-hell);stroke-width:1.5;stroke-dasharray:3 4}
.room-ring{display:none}
  .ls-journey-rail::after,.ls-msg,.ls-source,.gs-leaf,.gs-vein,.ls-tile,.ls-mod-lines path{transition:none!important}
}