/* SaaleSpa Feinschliff 15.10.2026: Startbild am Handy, Aufklapper, Lesbarkeit.
   Nur Gestaltung; Inhalte, Preise und Buchungswege bleiben unverändert. */

/* Aufklapper zeigen nur ein Plus, das sich beim Öffnen dreht */
body.spa-water .water-background>summary::after{content:none!important;display:none!important}
body.spa-water .water-background>summary>span:last-child{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #16333d40;border-radius:50%;font-size:24px!important;line-height:1;transition:transform .3s,background .3s,color .3s}
body.spa-water .water-background>summary:hover>span:last-child{background:#16333d;color:#f1eee6}
body.spa-water .water-background[open]>summary>span:last-child{transform:rotate(45deg);background:#16333d;color:#f1eee6}

@media(max-width:700px){
 /* Startbild: Film randlos oben, darunter Titel, Preis und Auswahl in Ruhe statt winzig über dem Film */
 body.spa-water .water-window{display:flex!important;flex-direction:column;height:auto!important;min-height:100svh!important;padding:82px 0 0!important;background:radial-gradient(ellipse 90% 50% at 50% 100%,#dbbd8b14,transparent 70%),linear-gradient(180deg,#0b1c24,#0d202a 60%,#0b1c24)!important}
 body.spa-water .water-media{order:1;position:relative!important;inset:auto!important;width:100%;height:auto!important;aspect-ratio:16/9;transform:none!important}
 body.spa-water .water-media::after{background:linear-gradient(180deg,transparent 62%,#0b1c24 100%)!important}
 body.spa-water .water-copy{order:2;position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;margin:26px 22px 0;text-align:left!important;opacity:1!important;transform:none!important}
 body.spa-water .water-kicker{max-width:none!important;margin:0 0 14px!important;font-size:11px!important;line-height:1.5!important;letter-spacing:.18em!important;color:#dbbd8b!important;animation:spa-rise .9s cubic-bezier(.2,.7,.2,1) both}
 body.spa-water .water-copy h1{font-size:clamp(44px,13.4vw,60px)!important;line-height:.98!important;letter-spacing:-.035em;animation:spa-rise 1s .1s cubic-bezier(.2,.7,.2,1) both}
 body.spa-water .water-copy h1 em{color:#dbbd8b}
 body.spa-water .water-lower{order:3;position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;gap:18px!important;width:auto!important;margin:auto 22px 0;padding:26px 0 28px;animation:spa-rise 1s .2s cubic-bezier(.2,.7,.2,1) both}
 body.spa-water .water-film-actions{position:static;display:flex!important;justify-content:flex-start!important;gap:8px 22px!important;margin:0!important}
 body.spa-water .water-film-actions .water-film-open{position:static!important;display:inline-flex;align-items:center;gap:10px;min-height:44px!important;font-size:14px!important}
 body.spa-water #header-film-toggle::before{content:'';flex:0 0 34px;width:34px;height:34px;border:1px solid #dbbd8b99;border-radius:50%}
 body.spa-water #header-film-toggle[aria-pressed=true]::before{background:#dbbd8b1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M14 11.5v11l9-5.5z' fill='%23dbbd8b'/%3E%3C/svg%3E") center/100% no-repeat;animation:spa-pulse 2.4s ease-in-out infinite}
 body.spa-water #header-film-toggle[aria-pressed=false]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M13.5 12h2.5v10h-2.5zM18 12h2.5v10H18z' fill='%23dbbd8b'/%3E%3C/svg%3E") center/100% no-repeat}
 body.spa-water .water-offer{display:flex!important;align-items:center;justify-content:space-between;gap:16px!important;padding-top:20px;border-top:1px solid #dbbd8b33}
 body.spa-water .water-price-label,body.spa-water .water-price-detail{font-size:12px!important;color:#c7d2d3}
 body.spa-water .water-price strong{font-size:34px!important;letter-spacing:-.02em}
 body.spa-water .water-reserve{flex:0 0 auto;width:auto!important;min-width:150px!important;height:56px!important;min-height:56px!important;padding:0 22px!important;border-radius:999px!important;background:linear-gradient(135deg,#e6cb9c,#d2ad6f)!important;color:#0b1c24!important;font-weight:600;box-shadow:0 14px 30px #00000040}

 /* Untere Leiste: größere, leichter treffbare Beschriftung */
 body.spa-water .mobile-book a,body.spa-water .mobile-book a span{font-size:14px!important}

 /* Kleine Überzeilen und Fußnoten am Handy nicht unter 12 px */
 body.spa-water .overline{font-size:12px!important;letter-spacing:.14em}
}
@media(max-width:380px){
 body.spa-water .water-offer{flex-wrap:wrap}
 body.spa-water .water-reserve{flex:1 1 100%;width:100%!important}

 body.spa-water .water-copy h1{font-size:42px!important}
}
@keyframes spa-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes spa-pulse{0%,100%{box-shadow:0 0 0 0 #dbbd8b55}50%{box-shadow:0 0 0 8px #dbbd8b00}}
@media(prefers-reduced-motion:reduce){
 body.spa-water .water-kicker,body.spa-water .water-copy h1,body.spa-water .water-lower,body.spa-water #header-film-toggle::before{animation:none!important}
 body.spa-water .water-background>summary>span:last-child{transition:none}
}

/* Datenschutzeinstellungen am Seitenende statt schwebend über Formularfeldern */
body .sm-privacy-launcher{position:static!important;display:block;margin:0 auto;padding:18px 20px calc(18px + env(safe-area-inset-bottom));transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;font-size:13px!important;text-decoration:underline;text-underline-offset:3px;opacity:.8}
body:not(.spa-water)>.sm-privacy-launcher{width:100%;margin:0;background:#0b1c24!important;color:#c3d0d3;text-align:left;padding-inline:24px;opacity:1}