/* SaaleMomente · Reisen: Weltkarte „Von Pößneck in die Welt“ (ruhige Bögen, Ziele führen zum Reisebüro Traeger) */
section.section.wk{position:relative;overflow:hidden;color:#fbfaf6;padding-block:clamp(80px,10vw,150px) clamp(72px,9vw,130px);
 background:radial-gradient(70% 60% at 54% 30%,rgba(217,185,133,.10),rgba(217,185,133,0) 70%),linear-gradient(180deg,#0b1d18 0%,#10291f 45%,#0e241e 100%)!important}
section.wk .wk-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,6vw,96px);align-items:end}
section.wk .section-kicker{color:#d9b985!important}
section.wk h2{color:#fbfaf6!important;margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;letter-spacing:-.02em}
section.wk h2 em{color:#d9b985;font-style:italic}
section.wk .wk-lead{color:rgba(251,250,246,.78)!important;margin:0;max-width:30em;line-height:1.7}
.wk-buehne{position:relative;max-width:1180px;margin:clamp(36px,5vw,64px) auto 0;aspect-ratio:1000/520}
.wk-buehne::before{content:"";position:absolute;left:var(--hx);top:var(--hy);width:32%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
 background:radial-gradient(closest-side,rgba(217,185,133,.18),rgba(217,185,133,0));pointer-events:none}
.wk-land,.wk-bogen{position:absolute;inset:0;width:100%;height:100%}
.wk-bogen{overflow:visible}
.wk-bogen path{fill:none;stroke:url(#wk-verlauf);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(217,185,133,.55))}
.wk-bogen .wk-ziel{fill:#d9b985;opacity:0;transform-box:fill-box;transform-origin:center}
.wk-bogen .wk-heim{fill:#fbfaf6;stroke:#d9b985;stroke-width:2.2}
.wk-bogen .wk-heim-ring{fill:none;stroke:#d9b985;stroke-width:1.2;transform-box:fill-box;transform-origin:center;opacity:.6}
.wk.is-da .wk-bogen path{animation:wkZiehen 1.7s cubic-bezier(.6,.1,.2,1) forwards;animation-delay:calc(var(--i)*.33s)}
.wk.is-da .wk-bogen .wk-ziel{animation:wkPunkt 2.6s ease-out infinite;animation-delay:calc(var(--i)*.33s + 1.45s)}
.wk.is-da .wk-heim-ring{animation:wkRing 3.2s ease-out infinite}
@keyframes wkZiehen{to{stroke-dashoffset:0}}
@keyframes wkPunkt{0%{opacity:1;transform:scale(1)}70%{opacity:.25;transform:scale(2.4)}100%{opacity:1;transform:scale(1)}}
@keyframes wkRing{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.wk-start{position:absolute;transform:translate(-118%,-50%);white-space:nowrap;font:600 .8125rem/1 var(--body,"DM Sans",sans-serif);letter-spacing:.06em;color:#fbfaf6}
.wk-ort{position:absolute;transform:translate(-50%,-155%);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 13px;border-radius:999px;
 background:rgba(251,250,246,.95);color:#15372d;text-decoration:none;font:600 .8125rem/1 var(--body,"DM Sans",sans-serif);box-shadow:0 12px 26px -14px rgba(0,0,0,.75);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.1,1),background .3s}
.wk-ort span{color:#b48a52}
.wk.is-da .wk-ort{animation:wkOrt .6s ease forwards;animation-delay:calc(var(--i)*.33s + 1.15s)}
@keyframes wkOrt{to{opacity:1}}
.wk-ort:hover,.wk-ort:focus-visible{background:#fff;transform:translate(-50%,-180%)}
.wk-ort.wk-unten{transform:translate(-50%,45%)}.wk-ort.wk-unten:hover,.wk-ort.wk-unten:focus-visible{transform:translate(-50%,28%)}
.wk-ort.wk-links{transform:translate(-100%,-155%)}.wk-ort.wk-links:hover,.wk-ort.wk-links:focus-visible{transform:translate(-100%,-180%)}
.wk-ziele{display:none}
@media (max-width:899px){
 section.wk .wk-kopf{grid-template-columns:1fr}
 .wk-buehne{margin-inline:calc(var(--gutter,20px) * -1 + 4px)}
 .wk-ort{display:none}
 .wk-start{font-size:.8125rem;transform:translate(-50%,70%)}
 .wk-ziele{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
 .wk-ziele a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(217,185,133,.45);color:#fbfaf6;text-decoration:none;font:500 .9rem/1 var(--body,"DM Sans",sans-serif)}
 .wk-ziele a span{color:#d9b985}
}
@media (prefers-reduced-motion:reduce){.wk *{animation:none!important}.wk-bogen path{stroke-dashoffset:0}.wk-ort,.wk-bogen .wk-ziel{opacity:1}}
html:not(.wk-js) .wk-ort{opacity:1}
html:not(.wk-js) .wk-bogen path{stroke-dashoffset:0}
html:not(.wk-js) .wk-bogen .wk-ziel{opacity:1}