/* Hochwertig SaaleMomente (01.11.2026): Korrekturen aus der Durchsicht aller Unterseiten und zusätzliche Licht- und Bewegungseffekte.
   Texte, Aufbau und Farben bleiben; bei „Bewegung reduzieren“ bleibt alles ruhig. */

/* ---------- Korrekturen ---------- */
/* Hausschrift statt nicht geladener „Inter“ (Fragen, Formulare, Titel auf Unterseiten) */
body.sm-site{--sans:var(--smr-body,"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif)}
/* „Passt dazu“: Kopfzeile, Überschrift und Texte sauber geordnet */
@media (min-width:761px){
  .next-moment-head{align-items:start!important;row-gap:16px}
  .next-moment-head > .section-kicker{grid-column:1/-1}
  .next-moment-head > h2{grid-column:1;grid-row:2/span 2}
  .next-moment-head > p{grid-column:2}
}
/* Über uns „Saale und Momente“: Überschrift oben bündig mit dem Text */
#der-name .intro-grid{align-items:start!important}
/* Am See / Kanu: helle Knöpfe auf dunkelgrünem Grund wieder sichtbar */
html body.sm-site.wt-site :is(.ep-plan-summary,section.at-genuss) a.ep-button,html body.sm-site :is(.ep-plan-summary,section.at-genuss) a.ep-button{background:#f4f4eb!important;border-color:#f4f4eb!important;color:#173e40!important}
/* Startseite Anlass-Karte: heller Textbereich füllt die Karte */
.lib-ui .occasion-card > div{align-self:stretch!important;display:flex;flex-direction:column;justify-content:center}
/* Fußzeile: „Öffnungszeiten & Anfahrt“ im gleichen Rhythmus wie die Links */
.footer-grid nav > button.st-footer-hours{display:block;padding:5px 0!important;margin:5.6px 0!important;min-height:32px;font:inherit;line-height:23.56px;text-align:left;background:none;border:0;cursor:pointer}
.site-footer .sm-ki-hinweis{margin-bottom:24px}
/* Startseite am Handy: „Idee in meinen Plan übernehmen“ einzeilig */
@media (max-width:480px){[data-day-apply]{width:100%;justify-content:center;white-space:nowrap;font-size:13px}}
/* Gutscheine am Handy: Gutscheinfächer nicht mehr abgeschnitten */
@media (max-width:480px){.ga-fan{transform:translateX(6px) scale(.84);transform-origin:50% 60%}}
/* Gästebuch: Fotoauswahl im Stil der übrigen Knöpfe */
.gb-form input[type=file],main input[type=file]{font:inherit;color:inherit}
main input[type=file]::file-selector-button{font:600 13px/1.4 "DM Sans",system-ui,sans-serif;background:#fbfaf6;color:#0b1d18;border:1px solid rgba(11,29,24,.25);border-radius:100px;padding:10px 18px;margin-right:12px;cursor:pointer}
/* Datenschutz: Überschriften in richtiger Rangfolge */
.legal-copy :is(h2,h3){font-size:clamp(26px,2.4vw,32px);margin:2.2em 0 .6em}
.legal-copy h3{font-size:clamp(21px,2vw,25px)}

/* ---------- Effekte ---------- */
/* Ausflugsziele: Punkte leuchten nacheinander auf, Einträge blenden weich ein */
.trips-list .trip-line.hw-warte{opacity:0;transform:translateY(14px);filter:blur(4px)}
.trips-list .trip-line{transition:opacity .7s ease var(--hw-d,0s),transform .7s cubic-bezier(.3,.7,.2,1) var(--hw-d,0s),filter .7s ease var(--hw-d,0s)}
.trips-list .trip-line.hw-an .trip-mark{animation:hw-funkeln 1.6s ease var(--hw-d,0s) 1 both}
@keyframes hw-funkeln{0%{box-shadow:0 0 0 0 rgba(180,138,82,.6)}60%{box-shadow:0 0 0 12px rgba(180,138,82,0),0 0 18px rgba(224,190,130,.7)}100%{box-shadow:0 0 0 5px rgba(180,138,82,.16)}}

/* Saunaboot „Von Söderfors an die Saale“: Fortschrittslinie unter der Bildreihe */
.hw-rail-linie{position:relative;height:2px;margin:18px auto 0;width:min(1180px,calc(100% - 48px));background:rgba(244,244,235,.18);border-radius:2px}
.hw-rail-linie i{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:2px;background:linear-gradient(90deg,#b48a52,#e3c48f);transform-origin:left;transform:scaleX(var(--hw-p,0));transition:transform .15s linear}
.hw-rail-linie b{position:absolute;top:50%;left:calc(var(--hw-p,0) * 100%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#e3c48f;box-shadow:0 0 12px rgba(227,196,143,.8)}

/* Über uns „Heimat im Herzen. Die Welt im Blick.“: Wort für Wort aus der Unschärfe */
.manifesto blockquote .hw-wort{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(6px);transition:opacity .7s ease,filter .7s ease,transform .7s ease;transition-delay:calc(var(--i) * 90ms)}
.manifesto blockquote.hw-an .hw-wort{opacity:1;filter:none;transform:none}

/* Gästebuch: langsames, warmes Wasserlicht im dunklen Kopf */
section.gb-intro{position:relative;isolation:isolate;overflow:hidden}
section.gb-intro::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;
  background:radial-gradient(28% 34% at 72% 38%,rgba(227,196,143,.16),transparent 70%),radial-gradient(30% 36% at 86% 76%,rgba(110,170,160,.13),transparent 70%),radial-gradient(22% 26% at 58% 82%,rgba(227,196,143,.08),transparent 70%);
  animation:hw-licht 16s ease-in-out infinite alternate}
@keyframes hw-licht{to{transform:translate(-5%,4%) rotate(-5deg)}}

/* Startseite „Ein Tag, der zu euch passt“: Zähler springt sichtbar mit */
[data-plan-count].hw-puls{animation:hw-puls .55s ease}
@keyframes hw-puls{40%{transform:scale(1.15);color:#b48a52}}
[data-plan-count]{display:inline-block}

@media (prefers-reduced-motion:reduce){
  .trips-list .trip-line.hw-warte{opacity:1;transform:none;filter:none}
  .trips-list .trip-line,.manifesto blockquote .hw-wort{transition:none}
  .trips-list .trip-line.hw-an .trip-mark,section.gb-intro::before,[data-plan-count].hw-puls{animation:none}
  .manifesto blockquote .hw-wort{opacity:1;filter:none;transform:none}
}

/* ---------- Runde 2 (01.11.2026) ---------- */
/* Startseite „Wenn die Wälder sich färben“: einmal läuft eine Messing-Lichtkante um die Saisonkarte */
@property --hw-k{syntax:'<angle>';inherits:false;initial-value:0deg}
aside.season{position:relative;isolation:isolate}
aside.season::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;z-index:3;
  background:conic-gradient(from var(--hw-k),transparent 0deg,transparent 250deg,#b48a52 310deg,#f3dfb5 335deg,#b48a52 350deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
aside.season.hw-an::after{animation:hw-kante 3.2s cubic-bezier(.45,.05,.3,1) .2s 1 both}
@keyframes hw-kante{0%{opacity:0;--hw-k:0deg}10%{opacity:1}90%{opacity:1}100%{opacity:0;--hw-k:360deg}}
/* Am See „Augenblicke vom See“: das gezeigte Foto bleibt klar, die übrigen treten zurück */
@media (hover:hover){.sea-shots-track > *{transition:filter .4s,opacity .4s}.sea-shots-track:hover > :not(:hover){filter:saturate(.7) blur(1px);opacity:.75}}
/* Lichtschein unter der Maus: Reiseweg-Karten */
.hw-spot{position:relative;isolation:isolate}
.hw-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;z-index:1;background:radial-gradient(320px circle at var(--hw-x,50%) var(--hw-y,50%),rgba(180,138,82,.18),transparent 60%)}
.hw-spot.hw-schein::after{opacity:1}
/* Schmiedehafen „Ein Tisch voller Lieblingsmenschen“: warmes Lampenlicht über der Überschrift */
.ma-celebration h2{position:relative;isolation:isolate}
.ma-celebration h2::before{content:"";position:absolute;z-index:-1;left:-40px;top:-1.6em;width:min(520px,80vw);height:4.2em;pointer-events:none;background:radial-gradient(closest-side,rgba(243,196,126,.32),rgba(243,196,126,.1) 55%,transparent);opacity:0;transform:scaleX(.5);transition:opacity 1.4s ease,transform 1.6s cubic-bezier(.2,.7,.1,1)}
.ma-celebration h2.hw-an::before{opacity:1;transform:none}
/* Seekarte: Portenschmiede mit pulsierendem Punkt */
.sm-seekarte-site{position:relative}
.sm-seekarte-site::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#b48a52;vertical-align:middle;box-shadow:0 0 0 0 rgba(180,138,82,.55);animation:hw-ring 2.4s ease-out infinite}
@keyframes hw-ring{0%{box-shadow:0 0 0 0 rgba(180,138,82,.55)}80%,100%{box-shadow:0 0 0 12px rgba(180,138,82,0)}}
/* Strandhafen: „Café in Planung“ schimmert leise */
.hw-schimmer{background:linear-gradient(100deg,currentColor 40%,#f3dfb5 50%,currentColor 60%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hw-schimmer 5s ease-in-out infinite}
@keyframes hw-schimmer{0%,40%{background-position:100% 0}80%,100%{background-position:-50% 0}}
/* Gemeinsam planen: Formularteile blenden beim Scrollen weich ein */
[data-guest-tool] .hw-warte{opacity:0;transform:translateY(12px);filter:blur(4px)}
[data-guest-tool] .hw-ein{transition:opacity .6s ease,transform .6s cubic-bezier(.3,.7,.2,1),filter .6s ease}
/* Hafenbar: ruhige warme Lichtpunkte im dunklen Textbereich (nie über dem Foto) */
.hw-lichter{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
/* Saunaboot und Kanu am Handy: Anfrage-Knopf bleibt erreichbar, sobald der Kopf weggescrollt ist */
.hw-dock{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;display:none;justify-content:center;transform:translateY(140%);transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.hw-dock a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border-radius:999px;background:#173e40;color:#f4f4eb;font:600 16px/1.2 var(--smr-body,"DM Sans",system-ui,sans-serif);text-decoration:none;box-shadow:0 18px 40px -16px rgba(11,29,24,.6)}
.hw-dock.hw-zeigen{transform:none}
@media (max-width:760px){.hw-dock{display:flex}}
@media (prefers-reduced-motion:reduce){aside.season.hw-an::after,.sm-seekarte-site::before,.hw-schimmer{animation:none}.hw-schimmer{-webkit-text-fill-color:currentColor;background:none}[data-guest-tool] .hw-warte{opacity:1;transform:none;filter:none}.hw-dock{transition:none}}
