/* Auswahllisten im Stil des Hauses (Robert 11.10.2026), gilt auf allen Seiten. Verhalten: assets/js/auswahl.js. */
.hwahl{position:relative;display:block;width:100%;min-width:0}
.hwahl{margin:0!important;padding:0!important;font:inherit;letter-spacing:normal!important;text-transform:none!important;color:inherit}
.hwahl-nativ{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important}
.hwahl-knopf{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;margin:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;line-height:1.3}   /* appearance: der Knopf darf nie als weisser System-Knopf erscheinen (Robert 12.10.2026, Pass-Berater) */
.hwahl-knopf b{font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hwahl-knopf svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;opacity:.7;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.hwahl--offen .hwahl-knopf svg{transform:rotate(180deg)}
.hwahl-knopf:focus-visible{outline:0;box-shadow:0 2px 0 var(--taupe,#9f896f)}
.hwahl-liste{position:fixed;z-index:2147483000;max-height:min(52vh,420px);overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;list-style:none;border-radius:20px;
  background:linear-gradient(180deg,#fdf9f1,#f4ecdc);color:#1a1d28;text-align:left;
  box-shadow:inset 0 0 0 1px rgba(152,115,60,.35),inset 0 0 0 5px rgba(253,249,241,.9),inset 0 0 0 6px rgba(152,115,60,.18),0 34px 50px -24px rgba(17,20,31,.6),0 10px 18px -10px rgba(17,20,31,.35);
  opacity:0;transform:translateY(-8px) scale(.98);transform-origin:50% 0;transition:opacity .3s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.16,1,.3,1);outline:0}
.hwahl-liste.hwahl-oben{transform-origin:50% 100%;transform:translateY(8px) scale(.98)}
.hwahl-liste.hwahl-auf{opacity:1;transform:none}
.hwahl-liste li{position:relative;display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:12px;font:500 1.12rem/1.25 'Cormorant Garamond',Georgia,serif;color:#1a1d28;cursor:pointer;transition:background .2s,color .2s}
.hwahl-liste li+li::before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:rgba(152,115,60,.16)}
.hwahl-liste li i{width:7px;height:7px;flex:none;rotate:45deg;box-shadow:inset 0 0 0 1px rgba(152,115,60,.45);transition:background .25s}
.hwahl-liste li.hwahl-hier{background:rgba(152,115,60,.1)}
.hwahl-liste li[aria-selected=true]{background:#11141f;color:#fcf7ee}
.hwahl-liste li[aria-selected=true] i{background:#d2bf98;box-shadow:none}
.hwahl-liste li[aria-selected=true]::before,.hwahl-liste li[aria-selected=true]+li::before{opacity:0}
.hwahl-liste li[aria-disabled=true]{opacity:.4;cursor:default}
@media (prefers-reduced-motion:reduce){.hwahl-liste{transition:none}}

/* ---------- Datum und Uhrzeit im Stil des Hauses (Robert 12.10.2026, feste Regel: jede Auswahl im Stil des Hauses) ----------
   Verhalten: assets/js/auswahl.js, zweiter Block. Karte wie die Auswahllisten: Creme mit doppelter Goldkante; gewählt nachtblau. */
.zw-nativ{pointer-events:none}
.zw-nativ::-webkit-calendar-picker-indicator{display:none}
.zw-knopf{position:absolute;z-index:2;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.zw-knopf:focus-visible{outline:0;box-shadow:0 2px 0 var(--taupe,#9f896f)}
/* Nur das Auswahlfenster selbst (div role=dialog): Le Bureau und La Carte haben Zwischenüberschriften mit class="zw", die hier sonst zur schwebenden Kachel wurden (12.10.2026). :where hält das Gewicht der Regel gleich. */
:where([role="dialog"]).zw{position:absolute;z-index:2147483000;box-sizing:border-box;padding:16px 16px 14px;border-radius:22px;background:linear-gradient(180deg,#fdf9f1,#f4ecdc);color:#1a1d28;text-align:center;
  box-shadow:inset 0 0 0 1px rgba(152,115,60,.35),inset 0 0 0 5px rgba(253,249,241,.9),inset 0 0 0 6px rgba(152,115,60,.18),0 34px 50px -24px rgba(17,20,31,.6),0 10px 18px -10px rgba(17,20,31,.35);
  opacity:0;transform:translateY(-8px) scale(.98);transform-origin:50% 0;transition:opacity .3s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.16,1,.3,1)}
.zw--fest{position:fixed}
.zw--oben{transform-origin:50% 100%;transform:translateY(8px) scale(.98)}
.zw--auf{opacity:1;transform:none}
.zw--date{width:min(336px,calc(100vw - 20px))}
.zw__kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 12px}
.zw__monat{margin:0;font:500 1.42rem/1.1 'Cormorant Garamond',Georgia,serif;color:#1a1d28}
.zw__monat b{font-weight:500;color:#8a7238}
.zw__pfeil{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;cursor:pointer;color:#1a1d28;background:linear-gradient(180deg,#fffdf8,#efe4cf);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(152,115,60,.4),0 6px 10px -7px rgba(17,20,31,.5);transition:transform .3s cubic-bezier(.32,.72,0,1)}
.zw__pfeil:hover{transform:translateY(-1px)}.zw__pfeil:active{transform:translateY(1px)}
.zw__pfeil svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.zw__pfeil--zur svg{transform:rotate(180deg)}
[dir="rtl"] .zw__pfeil svg{transform:rotate(180deg)}[dir="rtl"] .zw__pfeil--zur svg{transform:none}
.zw__tage,.zw__raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.zw__tage{padding:10px 0 6px;border-top:1px solid rgba(152,115,60,.24)}
.zw__tage span{font:600 .62rem/1 'Cinzel',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#8a7238}
.zw__tag{display:grid;place-items:center;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;font:500 1.14rem/1 'Cormorant Garamond',Georgia,serif;font-variant-numeric:lining-nums;color:#1a1d28;transition:background .2s,color .2s}
.zw__tag:hover,.zw__tag:focus-visible{outline:0;background:rgba(152,115,60,.14)}
.zw__tag--heute{box-shadow:inset 0 0 0 1px rgba(152,115,60,.6)}
.zw__tag[aria-pressed=true]{background:#1b2033;color:#fcf7ee;box-shadow:inset 0 0 0 1px rgba(230,210,162,.55)}
.zw__tag[disabled]{opacity:.28;cursor:default;background:none}
.zw--time{padding:12px}
.zw__zeit{display:flex;align-items:stretch;justify-content:center;gap:6px}
.zw__spalte{display:flex;flex-direction:column;gap:2px;width:74px;max-height:238px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin}
.zw__z{flex:none;margin:0;padding:9px 0;border:0;border-radius:12px;background:none;cursor:pointer;font:500 1.22rem/1 'Cormorant Garamond',Georgia,serif;font-variant-numeric:lining-nums;color:#1a1d28;transition:background .2s,color .2s}
.zw__z:hover,.zw__z:focus-visible{outline:0;background:rgba(152,115,60,.14)}
.zw__z[aria-selected=true]{background:#1b2033;color:#fcf7ee}
.zw__punkt{align-self:center;font:500 1.4rem/1 'Cormorant Garamond',Georgia,serif;font-style:normal;color:#8a7238}
@media (prefers-reduced-motion:reduce){:where([role="dialog"]).zw{transition:none}}