/* Gutscheinseite SaaleSpa (09.11.2026): Zwischen 1001 und 1180 px passte die volle Menüleiste nicht ins Bild,
   „Auszeit wählen“ wurde rechts abgeschnitten. Hier gilt jetzt dasselbe Menü mit Menüknopf wie unter 1000 px
   (Regeln unverändert aus spa-huelle.css übernommen). */
@media (min-width:1001px) and (max-width:1180px){
 .sp-shell .header{min-height:76px;padding:16px 23px}
 .sp-shell .header .wordmark{width:128px;height:34px;min-height:44px}
 .sp-shell .header .menu{display:flex;position:relative;z-index:3;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:auto;min-width:88px;height:46px;min-height:46px;margin:0;padding:0 0 0 0;
  background:transparent;border:0;border-radius:0;color:var(--hx-cream);font:400 14px/1 var(--hx-sans);cursor:pointer;box-shadow:none}
 .sp-shell .header .menu:hover{background:transparent}
 .sp-shell .header .menu span{display:block;width:22px;height:1px;background:currentColor;transition:transform .35s var(--hx-ease),opacity .35s}
 .sp-shell .header .menu em{position:absolute;left:34px;top:50%;transform:translateY(-50%);font-style:normal;font-size:14px}
 .sp-shell .header .menu[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .sp-shell .header .menu[aria-expanded="true"] span:nth-child(2){opacity:0}
 .sp-shell .header .menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .sp-shell .header nav{display:none}
 .sp-shell .header nav.open{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:100dvh;
  padding:110px max(28px,env(safe-area-inset-left)) calc(40px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 70% 50% at 80% 100%,#d9bb871f,transparent 70%),var(--hx-night);overflow-y:auto}
 .sp-shell .header nav.open>a:not(.nav-book){font:300 clamp(34px,9vw,46px)/1.2 var(--hx-serif);text-transform:none;letter-spacing:-.01em;padding:4px 0;animation:sp-menu-in .7s var(--hx-ease) both}
 .sp-shell .header nav.open>a[hreflang]{font:400 12px/1.2 var(--hx-label);text-transform:uppercase;letter-spacing:.2em;margin-top:18px;color:var(--hx-gold)}
 .sp-shell .header nav.open>a:not(.nav-book)::after{bottom:4px}
 .sp-shell .header nav.open .nav-book{margin-top:26px;align-self:stretch;min-height:56px;font-size:13px;animation:sp-menu-in .7s .3s var(--hx-ease) both}
 .sp-shell .header nav.open>a:nth-child(2){animation-delay:.05s}
 .sp-shell .header nav.open>a:nth-child(3){animation-delay:.1s}
 .sp-shell .header nav.open>a:nth-child(4){animation-delay:.15s}
 .sp-shell .header nav.open>a:nth-child(5){animation-delay:.2s}
 .sp-shell .header nav.open>a:nth-child(6){animation-delay:.25s}
}