/* SaaleSpa – SEO-Paket (Vorschau 19.10.2026)
   1. Die Ortszeile über der Hauptüberschrift ist jetzt Teil der H1 (Suchbegriffe „Saunaboot“, „Thüringen“), sieht aber aus wie bisher.
   2. Neuer Abschnitt „Saunaboot in Thüringen“ mit Fließtext und häufigen Fragen auf der Startseite. */

body.spa-water h1>.sp-h1-kicker,
body.spa-water .water-copy h1>span.sp-h1-kicker,
body.hx-portrait-film .water-copy h1>span.sp-h1-kicker{display:flex!important;width:fit-content;max-width:100%;margin:0 0 18px!important;font-style:normal;text-shadow:none;white-space:normal;animation:none}
body.spa-water .water-entry .water-copy .water-kicker.sp-h1-kicker{display:flex!important}
body.hx-portrait-film .water-copy h1>span.sp-h1-kicker{margin-bottom:12px!important;text-shadow:0 1px 12px #061820}

.sp-seo .sp-seo-intro{max-width:780px}
body.spa-water .sp-seo .overline{color:#dbbd8b}
.sp-seo .sp-seo-intro h2{margin:.4em 0 .5em;padding-bottom:.12em}
@media (max-width:900px){.sp-seo .sp-seo-intro h2{margin-bottom:.7em}}
.sp-seo .sp-seo-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;margin:0;max-width:62ch}
.sp-seo .sp-seo-text{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);margin:clamp(32px,4vw,52px) 0 clamp(44px,6vw,80px)}
.sp-seo .sp-seo-text p{margin:0 0 1em;font-size:16px;line-height:1.75}
.sp-seo .sp-seo-faq .qf-answer .text-link{display:inline-flex;gap:8px;align-items:center}
@media (max-width:900px){
  .sp-seo .sp-seo-text{grid-template-columns:1fr}
  .sp-seo .sp-seo-text p{font-size:16px;line-height:1.7}
}

/* Startseite: Ortszeile am Desktop vollständig, am Handy nur die kurze, einzeilige Fassung */
body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-text,
body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-long{display:inline!important;animation:none!important}
@media (max-width:899px){
  body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-long{display:none!important}
  body.spa-water .water-copy h1>.sp-h1-kicker{white-space:nowrap}
}

/* WebKit: keep the short mobile location text in one flex item. */
@media (max-width:899px){
  body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-text{flex:0 0 auto;width:max-content;max-width:none;white-space:nowrap!important}
}