/* Zimmer: Glaspfeile auf den Bildern und die Leiste darunter wie auf der
   Framer-Seite (Michael 19.09.2026). Die Pfeile tragen die Form des Kiesels;
   die Leiste ist nur noch Laufstrich und Zaehler "01 / 11". Prev/Next bleiben
   im HTML (Tastatur, Uebersetzung, Zustand), sichtbar sind sie nicht mehr --
   die Glaspfeile loesen sie aus. */
#zimmer{position:relative}
.gleissteuerung [data-zurueck],.gleissteuerung [data-weiter]{display:none}
.gleissteuerung{gap:28px}
.zp-zahl{font-size:14px;line-height:1;color:#8C847C;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}

.zp-pfeil{position:absolute;z-index:4;width:66px;height:62px;padding:0;border:0;background:none;cursor:pointer;
  display:none;place-items:center;color:#F6F2EA;-webkit-tap-highlight-color:transparent;
  transition:opacity 220ms ease,scale 160ms cubic-bezier(.23,1,.32,1)}
@media (min-width:810px){ .zp-pfeil{display:grid} }
.zp-glas{position:absolute;inset:0;overflow:hidden;border-radius:50% 50% 44% 56% / 60% 58% 42% 40%;
  background:rgba(53,48,43,.86);-webkit-backdrop-filter:blur(24px) saturate(.7);backdrop-filter:blur(24px) saturate(.7);
  box-shadow:inset 0 0 0 1px rgba(246,242,234,.08),0 0 22px -8px rgba(20,17,15,.45);
  animation:zp-form 9s cubic-bezier(.45,.05,.55,.95) infinite alternate}
.zp-glas::before{content:"";position:absolute;inset:0;
  background:radial-gradient(55% 45% at 32% 24%,rgba(255,255,255,.10),rgba(255,255,255,0) 70%)}
.zp-rechts .zp-glas{animation-delay:-4.5s}
@keyframes zp-form{
  from{border-radius:50% 50% 44% 56% / 60% 58% 42% 40%}
  to{border-radius:44% 56% 52% 48% / 52% 44% 58% 46%}}
.zp-pfeil svg{position:relative;width:24px;height:12px;overflow:visible;
  transition:translate 200ms cubic-bezier(.23,1,.32,1)}
.zp-links svg{scale:-1 1}
@media (hover:hover) and (pointer:fine){
  .zp-rechts:hover svg{translate:4px 0}
  .zp-links:hover svg{translate:-4px 0}
}
.zp-pfeil:active{scale:.94}
.zp-pfeil.aus{opacity:0;pointer-events:none}
.zp-pfeil:focus{outline:none}
.zp-pfeil:focus-visible .zp-glas{box-shadow:0 0 0 2px #F6F2EA,0 0 0 3px #35302B}
@media (prefers-reduced-motion:reduce){ .zp-glas{animation:none} .zp-pfeil svg{transition:none} }