/* NEXUS RoomControl V3.6 – Ergänzung zu rc.css. Präfix: rcx-
   1) „Komfort beginnt vor der Anreise“ (hell): Gast wählt in der Gästemappe → Zimmer bereitet sich im Zeitraffer vor.
   2) „Energie nach tatsächlichem Bedarf“ (dunkel): Zimmer 206 im Grundriss reagiert auf drei Situationen. */
.rcx-arrive,.rcx-energy{--rcx-b:#0A6CF0;--rcx-b2:#5CA3FF;--rcx-warm:#F2C572;--rcx-warm2:#FFE3A6;--rcx-heat:#FF9C6B;--rcx-cold:#7FC8FF;--rcx-ease:cubic-bezier(.2,.7,.2,1)}
.rcx-arrive svg[viewBox="0 0 24 24"],.rcx-energy svg[viewBox="0 0 24 24"]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ================= ANREISE (hell) ================= */
.rcx-arrive{position:relative;overflow:hidden;padding:clamp(80px,9vw,130px) 0;background:radial-gradient(ellipse at 85% 0%,rgba(242,197,114,.22),rgba(255,255,255,0) 45%),linear-gradient(180deg,#FFFCF5,#F6F1E6)}
.rcx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:9%;align-items:end;margin-bottom:44px}
.rcx-head p:not(.eyebrow){color:var(--schiefer);line-height:1.8;font-size:1.02rem}
.rcx-head strong{color:var(--tinte)}
.rcx-head h2 em{font-style:normal;color:#B7791F}
.rcx-eyebrow{color:#B7791F}
.rcx-stage{margin:0;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(18px,3vw,34px);border-radius:30px;background:linear-gradient(165deg,#13233A,#0B1525);color:#fff;box-shadow:0 44px 90px rgba(13,26,43,.22)}
.rcx-phone{padding:18px;border-radius:30px;background:#F8F6F1;color:var(--tinte);border:8px solid #0A1220;box-shadow:0 30px 60px rgba(0,0,0,.4);display:grid;gap:16px}
.rcx-phone-top small{display:block;font-size:.72rem;font-weight:700;color:#B7791F}
.rcx-phone-top strong{display:block;font-size:1.08rem;margin:2px 0}
.rcx-phone-top span{font-size:.76rem;color:var(--schiefer)}
.rcx-pick{padding:14px;border-radius:18px;background:#fff;border:1px solid #EFE6D6}
.rcx-pick-k{margin:0 0 10px;font-size:.8rem;font-weight:700;color:#5B6B82}
.rcx-temp{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rcx-temp output{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rcx-step{width:40px;height:40px;border-radius:50%;border:1px solid #E3D8C4;background:#FFF8EC;font-size:1.3rem;font-weight:700;color:#8A5A12;cursor:pointer;line-height:1}
.rcx-step:hover{background:#FDEBC8}.rcx-step:disabled{opacity:.35;cursor:not-allowed}
.rcx-range{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:.7rem;color:#8A96A8}
.rcx-range::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:6px;background:linear-gradient(90deg,#9CC6F5,#F2C572,#FF9C6B)}
.rcx-range i{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:3px solid var(--tinte);transition:left .35s var(--rcx-ease)}
.rcx-range em{font-style:normal;font-weight:650;color:#5B6B82}
.rcx-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rcx-scene{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:12px;border:1px solid #E7DECF;background:#FFFDF8;font-size:.74rem;font-weight:650;color:#4C5D74;cursor:pointer;transition:border-color .25s,background .25s}
.rcx-scene i{width:18px;height:18px;border-radius:50%}
.rcx-scene[data-scene="warm"] i{background:radial-gradient(circle,#FFE0A0,#F2A53A)}
.rcx-scene[data-scene="bright"] i{background:radial-gradient(circle,#FFFFFF,#CFE3FF)}
.rcx-scene[data-scene="dim"] i{background:radial-gradient(circle,#F6C98A,#8A5A2A)}
.rcx-scene[aria-pressed="true"]{border-color:#E0A33A;background:#FFF3DA;color:var(--tinte)}
.rcx-save{padding:12px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--rcx-warm2),var(--rcx-warm));color:#3B2606;font-weight:750;font-size:.95rem;cursor:pointer;transition:filter .2s}
.rcx-save:hover{filter:brightness(1.05)}
.rcx-save.is-saved{background:#1F9D6B;color:#fff}
.rcx-room-wrap{display:grid;gap:14px;min-width:0}
.rcx-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}
.rcx-time li{position:relative;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);opacity:.45;transition:opacity .4s,border-color .4s,background .4s}
.rcx-time b{display:block;font-size:.86rem}
.rcx-time small{display:block;font-size:.74rem;color:#A9B7C8;margin-top:2px}
.rcx-time li.rcx-on{opacity:1;border-color:rgba(242,197,114,.55);background:rgba(242,197,114,.1)}
.rcx-time li.rcx-now{box-shadow:0 0 0 3px rgba(242,197,114,.2)}
.rcx-room{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.rcx-room-svg{display:block;width:100%;height:auto}
.rcx-room[data-scene="warm"]{--rcx-light:#FFD68A}
.rcx-room[data-scene="bright"]{--rcx-light:#F4F8FF}
.rcx-room[data-scene="dim"]{--rcx-light:#E9A860}
.rcx-beam{opacity:0;transition:opacity 1.2s ease}
.rcx-room[data-scene="dim"] .rcx-beam{--rcx-dim:.55}
.rcx-room.rcx-lit .rcx-beam{opacity:var(--rcx-dim,.95)}
.rcx-bulb{fill:#56657C;transition:fill .8s}
.rcx-room.rcx-lit .rcx-bulb{fill:var(--rcx-light)}
.rcx-dark{opacity:.45;transition:opacity 1.2s ease}
.rcx-room.rcx-lit .rcx-dark{opacity:0}
.rcx-heat .rcx-wave{opacity:0;transition:opacity .6s}
.rcx-room.rcx-heating .rcx-wave{opacity:1;animation:rcxRise 1.4s ease-in-out infinite}
.rcx-thermo text{fill:#9FC4F2;font-size:18px;font-weight:700;font-family:var(--sans,system-ui);transition:fill .6s}
.rcx-room.rcx-heating .rcx-thermo text,.rcx-room.rcx-lit .rcx-thermo text{fill:#FFC58F}
.rcx-door{position:absolute;right:14px;top:14px;display:grid;gap:2px;padding:8px 12px;border-radius:12px;background:rgba(8,14,24,.8);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.rcx-door span{font-size:.7rem;color:#A9B7C8}
.rcx-door b{font-size:.9rem;transition:color .5s}
.rcx-room.rcx-lit .rcx-door b{color:#8FE3BE}
.rcx-live{margin:0;min-height:1.5em;font-size:.92rem;font-weight:600;color:#E8DCC8}
.rcx-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.rcx-bar figcaption,.rcx-plan figcaption{font-size:.76rem;color:#8193AA;margin:0}
.rcx-replay{padding:8px 16px;border-radius:999px;border:1px solid rgba(242,197,114,.45);background:transparent;color:#FCE9C6;font-size:.86rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s}
.rcx-stage.rcx-done .rcx-replay{opacity:1;pointer-events:auto}
.rcx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.rcx-cards article{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;align-items:start;padding:20px;border-radius:20px;background:#fff;border:1px solid #EFE6D6}
.rcx-cards .rc-mod-icon{grid-row:1 / span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#FFF3DA;border:1px solid #F2DDB0;margin:0}
.rcx-cards .rc-mod-icon svg{width:21px;height:21px;fill:none;stroke:#B7791F;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rcx-cards h3{grid-column:2;font-size:1.04rem;margin:0 0 4px;color:var(--tinte)}
.rcx-cards p{grid-column:2;margin:0;font-size:.9rem;line-height:1.55;color:var(--schiefer)}
.rcx-cards strong{color:var(--tinte)}

/* ================= ENERGIE (dunkel) ================= */
.rcx-egrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,36px);align-items:start}
.rcx-etabs{display:grid;gap:12px}
.rcx-etab{position:relative;overflow:hidden;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .3s,background .3s}
.rcx-etab:hover{border-color:rgba(92,163,255,.4)}
.rcx-etab:focus-visible{outline:2px solid var(--rcx-b2);outline-offset:2px}
.rcx-etab[aria-selected="true"]{border-color:rgba(92,163,255,.7);background:rgba(92,163,255,.1)}
.rcx-etab .rc-mod-icon{grid-row:1 / span 2;margin:0;width:44px;height:44px}
.rcx-etab h3{grid-column:2;margin:2px 0 4px;font-size:1.08rem}
.rcx-etab p{grid-column:2;margin:0;font-size:.9rem;line-height:1.6;color:#B9C6D6;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--rcx-ease),opacity .4s}
.rcx-etab[aria-selected="true"] p{max-height:260px;opacity:1}
.rcx-etab-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--rcx-b2),var(--rcx-b));transform:scaleX(0);transform-origin:left}
.rcx-energy.rcx-auto .rcx-etab[aria-selected="true"] .rcx-etab-bar{animation:rcxBar var(--rcx-dur,5200ms) linear forwards}
.rcx-plan{margin:0;padding:clamp(16px,2.5vw,26px);border-radius:26px;background:linear-gradient(165deg,#15273F,#0C1728);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px rgba(0,0,0,.3)}
.rcx-plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.rcx-plan-top small{display:block;font-size:.74rem;color:#9FB0C3}
.rcx-plan-top strong{display:block;font-size:1rem;transition:color .4s}
.rcx-demo{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:650;color:#C9D4E2}
.rcx-plan-box{position:relative;padding-top:34px}
.rcx-plan-svg{display:block;width:100%;height:auto;overflow:visible}
.rcx-sash,.rcx-sash2{transform-box:fill-box;transition:transform .8s var(--rcx-ease)}
.rcx-sash{transform-origin:left center}.rcx-sash2{transform-origin:right center}
.rcx-plan[data-state="window"] .rcx-sash{transform:rotate(-38deg)}
.rcx-plan[data-state="window"] .rcx-sash2{transform:rotate(38deg)}
.rcx-cold{opacity:0;transition:opacity .5s}
.rcx-plan[data-state="window"] .rcx-cold{opacity:1;animation:rcxCold 1.6s ease-in-out infinite}
.rcx-rad{fill:#E0764A;transition:fill .8s}
.rcx-plan:not([data-state="stay"]) .rcx-rad{fill:#3D5A80}
.rcx-radheat{opacity:0;transition:opacity .6s}
.rcx-plan[data-state="stay"] .rcx-radheat{opacity:1;animation:rcxRise 1.4s ease-in-out infinite}
.rcx-lglow{fill:#FFD68A;opacity:0;transition:opacity .8s}
.rcx-ldot{fill:#56657C;transition:fill .8s}
.rcx-plan[data-state="stay"] .rcx-lglow{opacity:.22}
.rcx-plan[data-state="stay"] .rcx-ldot{fill:#FFD68A}
.rcx-guest circle,.rcx-guest path{fill:none;stroke:#9FC4F2;stroke-width:3;stroke-linecap:round;transition:opacity .6s,stroke .6s}
.rcx-guest{opacity:0;transition:opacity .6s}
.rcx-plan[data-state="stay"] .rcx-guest{opacity:1}
.rcx-plan[data-state="away"] .rcx-guest{opacity:.5}
.rcx-plan[data-state="away"] .rcx-guest circle,.rcx-plan[data-state="away"] .rcx-guest path{stroke-dasharray:4 5;stroke:#6F819A}
.rcx-alert{position:absolute;left:50%;bottom:10px;transform:translate(-50%,12px);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#FFF4E0;color:#6B3F06;box-shadow:0 16px 32px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .4s,transform .5s cubic-bezier(.3,1.4,.5,1);white-space:nowrap}
.rcx-alert span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#E49A1C;color:#fff}
.rcx-alert svg{width:16px;height:16px}
.rcx-alert b{display:block;font-size:.86rem}.rcx-alert small{display:block;font-size:.76rem}
.rcx-plan[data-state="window"] .rcx-alert{opacity:1;transform:translate(-50%,0);transition-delay:.7s}
.rcx-chips{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rcx-chips li{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:border-color .4s,background .4s}
.rcx-chips small{display:block;font-size:.7rem;color:#9FB0C3}
.rcx-chips b{display:block;font-size:.84rem;font-weight:700;color:#fff}
.rcx-chips li.rcx-chg{border-color:rgba(92,163,255,.6);background:rgba(92,163,255,.12)}
.rcx-chips li.rcx-warn{border-color:rgba(228,154,28,.7);background:rgba(228,154,28,.14)}
.rcx-plan .rcx-live{margin:12px 0 6px;color:#DCE6F2}

@keyframes rcxRise{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(-4px);opacity:.5}}
@keyframes rcxCold{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes rcxBar{to{transform:scaleX(1)}}
@media(max-width:1000px){
  .rcx-head,.rcx-stage,.rcx-egrid{grid-template-columns:minmax(0,1fr)}
  .rcx-head{gap:18px}
  .rcx-phone{max-width:380px;justify-self:center;width:100%}
  .rcx-cards{grid-template-columns:1fr}
}
@media(max-width:600px){
  .rcx-time b{font-size:.74rem}.rcx-time small{font-size:.66rem}.rcx-time li{padding:8px}
  .rcx-chips{grid-template-columns:1fr 1fr}
  .rcx-alert{white-space:normal;width:88%}
  .rcx-door{padding:6px 9px;top:auto;bottom:10px}.rcx-door b{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){
  .rcx-arrive *,.rcx-energy *{animation:none!important;transition:none!important}
}

/* V3.6.1 kompakter: Bühnen kleiner, Bilder begrenzt */
.rcx-stage{max-width:1040px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:clamp(16px,2.4vw,26px);gap:clamp(16px,2.4vw,28px)}
.rcx-phone{padding:14px;gap:12px;border-width:7px;border-radius:26px}
.rcx-pick{padding:12px}
.rcx-temp output{font-size:1.6rem}
.rcx-step{width:36px;height:36px}
.rcx-room{max-width:540px;width:100%;justify-self:center}
.rcx-time{max-width:540px;width:100%;justify-self:center}
.rcx-live,.rcx-bar{max-width:540px;width:100%;justify-self:center}
.rcx-cards{max-width:1040px;margin-left:auto;margin-right:auto}
.rcx-egrid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;max-width:1100px;margin:0 auto}
.rcx-plan{max-width:470px;width:100%;justify-self:center;padding:clamp(14px,2vw,20px)}
.rcx-plan-box{padding-top:26px}
.rcx-plan-svg{max-width:400px;margin:0 auto}
.rcx-chips b{font-size:.78rem}
@media(max-width:1000px){.rcx-stage,.rcx-egrid{grid-template-columns:minmax(0,1fr)}.rcx-phone{max-width:340px}}
.rcx-egrid{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(24px,5vw,72px)}
.rcx-plan{justify-self:end}
@media(max-width:1000px){.rcx-egrid{grid-template-columns:minmax(0,1fr)}.rcx-plan{justify-self:center}}

/* V3.6.2 „Technologie für den Hotelalltag“: ruhige Zustandsgrafik in der linken Spalte */
.rcx-introfix .rc-intro-grid{align-items:start}
.rcx-states{margin-top:32px;padding:22px;border-radius:24px;background:linear-gradient(165deg,#F6F9FE,#EEF3FA);border:1px solid #DFE8F4}
.rcx-states-k{margin:0 0 14px;font-size:.84rem;font-weight:700;color:#5B6B82}
.rcx-st-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.rcx-st{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #E1E8F2}
.rcx-st-ic{grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px}
.rcx-st-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rcx-st small{font-size:.74rem;color:#6B7B92;line-height:1.3}
.rcx-st b{font-size:.98rem;color:var(--tinte)}
.rcx-st::after{content:"";position:absolute;background:#C9D6E6}
.rcx-st-prep{grid-column:1;grid-row:1}.rcx-st-occ{grid-column:2;grid-row:1}.rcx-st-away{grid-column:2;grid-row:2}.rcx-st-eco{grid-column:1;grid-row:2}
.rcx-st-prep::after{right:-10px;top:50%;width:10px;height:2px}
.rcx-st-occ::after{left:50%;bottom:-10px;width:2px;height:10px}
.rcx-st-away::after{left:-10px;top:50%;width:10px;height:2px}
.rcx-st-eco::after{left:50%;top:-10px;width:2px;height:10px}
.rcx-st-prep .rcx-st-ic{background:#FFF3DA;color:#B7791F}
.rcx-st-occ .rcx-st-ic{background:#E7F0FE;color:#0A6CF0}
.rcx-st-away .rcx-st-ic{background:#EEF1F6;color:#6B7B92}
.rcx-st-eco .rcx-st-ic{background:#E6F6EF;color:#1F9D6B}
@media(max-width:600px){.rcx-states{padding:16px}.rcx-st{grid-template-columns:34px minmax(0,1fr);padding:10px;column-gap:9px}.rcx-st-ic{width:34px;height:34px}.rcx-st small{font-size:.68rem}.rcx-st b{font-size:.86rem}}

/* V3.6.3 Energie-Abschnitt hell: kein zweiter dunkler Abschnitt nach „Zimmersteuerung verständlich gemacht“ */
.rc-modular.rcx-energy{background:radial-gradient(ellipse at 90% 0%,rgba(92,163,255,.14),rgba(255,255,255,0) 45%),linear-gradient(180deg,#F4F8FD,#EAF1F9);color:var(--tinte)}
.rc-modular.rcx-energy::before{background:radial-gradient(circle,rgba(92,163,255,.08),transparent 60%)}
.rcx-energy .eyebrow{color:#0A6CF0}
.rcx-energy h2{color:var(--tinte)}
.rc-modular.rcx-energy h2 em{color:#0A6CF0}
.rcx-energy .rc-head>p{color:var(--schiefer)}
.rcx-energy .rc-head>p strong{color:var(--tinte)}
.rcx-energy .rcx-etab{background:#fff;border-color:#DCE6F2;color:var(--tinte)}
.rcx-energy .rcx-etab:hover{border-color:#B9D2F2}
.rcx-energy .rcx-etab[aria-selected="true"]{background:#fff;border-color:#0A6CF0;box-shadow:0 18px 40px rgba(10,108,240,.12)}
.rcx-energy .rcx-etab h3{color:var(--tinte)}
.rcx-energy .rcx-etab p{color:var(--schiefer)}
.rcx-energy .rcx-etab p strong{color:var(--tinte)}
.rcx-energy .rcx-etab .rc-mod-icon{background:#E7F0FE}
.rcx-energy .rcx-etab .rc-mod-icon svg{stroke:#0A6CF0}
.rcx-energy .rcx-plan{box-shadow:0 36px 80px rgba(13,40,80,.2);border-color:transparent}
.rcx-energy .rcx-plan{color:#fff}