/* Menü als schlankes Feld (11.10.2026, Andy: «fix die Navi auf Shamanic Ways genau so» wie hauszeitmitherz.ch).
   Gleiche Form: helles Feld unter dem Knopf, oben zwei Felder (Abende, Wochenende), darunter eine ruhige Liste,
   dann der eine Knopf (Nächster Abend, Platz sichern), klein Sprache, Mail, Recht. Wird als letzte Datei geladen. */
html body .menue{position:fixed!important;inset:auto!important;top:68px!important;right:12px!important;left:auto!important;bottom:auto!important;z-index:58!important;
  width:min(380px,calc(100vw - 24px))!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto!important;overscroll-behavior:contain;
  display:block!important;padding:13px 21px 21px!important;gap:0!important;
  background:var(--muschel,#F3E7E1)!important;color:var(--rauch,#4A3F44)!important;border-radius:1.5rem;
  box-shadow:0 34px 68px -28px rgba(31,62,76,.6),0 8px 21px -13px rgba(31,62,76,.35)!important;
  clip-path:none!important;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;
  transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1),visibility 0s linear .38s!important}
html body .menue.auf{visibility:visible;opacity:1;transform:none;transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1)!important}
html body .menue .menue-ringe{display:none!important}
.sw-schleier{position:fixed;inset:0;z-index:57;background:rgba(31,62,76,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.sw-schleier.auf{opacity:1;visibility:visible;transition:opacity .22s ease}
html.menue-offen{overflow:hidden}
/* Navi bleibt beim offenen Menü wie sie ist (kein Farbwechsel) */
html body .nav.offen{color:inherit}

/* Liste als Raster: Abende und Wochenende werden zu zwei Feldern oben */
html body .menue .menue-liste{display:grid!important;grid-template-columns:1fr 1fr;gap:0 8px;border:0!important;margin:0!important;position:static!important}
html body .menue .menue-liste a{grid-column:1/-1;order:2;display:flex!important;align-items:center;justify-content:space-between;min-height:44px;padding:0!important;
  border-bottom:1px solid rgba(74,63,68,.12)!important;border-top:0!important;color:var(--rauch,#4A3F44)!important;text-decoration:none;opacity:1!important;transform:none!important;transition:color .2s,padding .3s cubic-bezier(.16,1,.3,1)!important}
html body .menue .menue-liste a b{font:500 21px/1.2 var(--serif,"Fraunces",serif)!important;letter-spacing:-.01em!important;color:inherit!important;transform:none!important}
html body .menue .menue-liste a small{display:none!important}
html body .menue .menue-liste a:last-child{border-bottom:0!important}
html body .menue .menue-liste a::after{content:"";width:6px;height:6px;border-radius:50%;background:transparent}
html body .menue .menue-liste a:hover{color:var(--roetel,#A24F5A)!important;padding-left:4px!important}
html body .menue .menue-liste a[aria-current="page"],html body .menue .menue-liste a.hier{color:var(--roetel,#A24F5A)!important}
html body .menue .menue-liste a[aria-current="page"]::after,html body .menue .menue-liste a.hier::after{background:var(--roetel,#A24F5A)}
/* die zwei Felder */
html body .menue .menue-liste a:nth-child(3),html body .menue .menue-liste a:nth-child(4){grid-column:auto;order:1;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  min-height:120px;margin-bottom:13px;padding:13px 13px 13px 16px!important;border:0!important;border-radius:1rem;color:var(--muschel,#F3E7E1)!important;overflow:hidden}
html body .menue .menue-liste a:nth-child(3){background:var(--petrol-tief,#1F3E4C)}
html body .menue .menue-liste a:nth-child(4){background:var(--roetel,#A24F5A)}
html body .menue .menue-liste a:nth-child(3) b,html body .menue .menue-liste a:nth-child(4) b{font:500 24px/1.05 var(--serif,"Fraunces",serif)!important;letter-spacing:-.02em!important}
html body .menue .menue-liste a:nth-child(3) small,html body .menue .menue-liste a:nth-child(4) small{display:block!important;margin-top:6px!important;font:500 13px/1.35 var(--sans,"Manrope",sans-serif)!important;color:var(--muschel,#F3E7E1)!important;opacity:.9}
html body .menue .menue-liste a:nth-child(3)::after,html body .menue .menue-liste a:nth-child(4)::after{position:absolute;top:13px;right:13px;width:28px;height:28px;background:rgba(243,231,225,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 L12 4 M6 4 H12 V10' fill='none' stroke='%23F3E7E1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
html body .menue .menue-liste a:nth-child(3):hover,html body .menue .menue-liste a:nth-child(4):hover{padding-left:16px!important;color:var(--muschel,#F3E7E1)!important;transform:translateY(-2px)!important}
html body .menue .menue-liste a:nth-child(3)[aria-current="page"],html body .menue .menue-liste a:nth-child(4)[aria-current="page"],
html body .menue .menue-liste a:nth-child(3).hier,html body .menue .menue-liste a:nth-child(4).hier{color:var(--muschel,#F3E7E1)!important;box-shadow:0 0 0 2px var(--muschel,#F3E7E1),0 0 0 4px var(--pfirsich,#E39A86)}

/* Seitenteil wird zum einen Knopf und zum Kleingedruckten */
html body .menue .menue-seite{position:static!important;margin:13px 0 0!important;padding:0!important;opacity:1!important;transform:none!important;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 13px}
html body .menue .ms-titel{grid-column:1;margin:0!important;font:500 13px/1.3 var(--sans,"Manrope",sans-serif)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(74,63,68,.7)!important}
html body .menue .ms-datum{grid-column:1;margin:2px 0 0!important;font:500 18px/1.2 var(--serif,"Fraunces",serif)!important;letter-spacing:-.01em!important;color:var(--rauch,#4A3F44)!important}
html body .menue .menue-seite .kn{grid-column:2;grid-row:1/3;display:inline-flex!important;visibility:visible!important;margin:0!important;min-height:48px!important;padding:4px 4px 4px 18px!important;font:600 15px/1 var(--sans,"Manrope",sans-serif)!important;background:var(--roetel,#A24F5A)!important;color:var(--muschel,#F3E7E1)!important}
html body .menue .menue-seite .kn .pf{width:38px!important;height:38px!important}
html body .menue .ms-klein{grid-column:1/-1;margin:13px 0 0!important;display:flex!important;flex-wrap:wrap;gap:0 16px!important;flex-direction:row!important}
html body .menue .ms-klein a,html body .menue .ms-klein .ms-recht a{font:500 13px/1.3 var(--sans,"Manrope",sans-serif)!important;color:rgba(74,63,68,.68)!important;min-height:32px;display:inline-flex;align-items:center;text-decoration:none}
html body .menue .ms-klein a:hover{color:var(--rauch,#4A3F44)!important}
html body .menue .ms-recht{display:contents!important}
html body .menue a:focus-visible{outline:2px solid var(--roetel,#A24F5A)!important;outline-offset:3px}
@media (max-width:899px){html body .menue{top:60px!important}}
@media (max-width:480px){html body .menue{top:56px!important;right:8px!important;width:calc(100vw - 16px)!important}}
@media (prefers-reduced-motion:reduce){html body .menue,html body .menue.auf,.sw-schleier{transition:none!important}}