/* Unterseite „Ein Abt unterwegs“. Farben wie die Live-Seite: ein Akzent, sonst neutral. */
.sp-kopf{max-width:760px;padding-bottom:clamp(28px,5vw,56px)}
.sp-kopf .page-title{font-size:var(--h1);padding:0 0 16px}
.sp-kopf .kpis{margin-top:28px}
.sp-zeile{margin:clamp(24px,5vw,56px) 0 10px;font:400 .85rem/1.4 var(--f-data)}
.sp-zeile a{color:var(--on-dark-mute);text-decoration-color:var(--accent-dark);text-underline-offset:4px}
.sp-h2{margin-top:clamp(48px,7vw,88px)!important}
.sp-fig{margin:28px 0 0}
.sp-fig svg{display:block;width:100%;height:auto}
.sp-karte{border:var(--stroke) solid rgba(233,230,240,.18)}
.sp-legende{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 12px;color:var(--on-dark-mute);font-size:.9rem}
.sp-legende i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px}
.sp-legende .a{background:var(--on-dark-mute)}.sp-legende .z{background:var(--accent-dark)}
.sp-gitter{stroke:rgba(233,230,240,.12);stroke-width:1.5}
.sp-achse{fill:var(--on-dark-mute);font-family:var(--f-data)}
.sp-achsenort{fill:var(--on-dark-mute)}.sp-ziel{fill:var(--accent-dark)}
.sp-b{cursor:pointer}
.sp-o{fill-opacity:.85;cursor:pointer;outline:none}
.sp-o:hover,.sp-o:focus-visible,.sp-o.an{fill-opacity:1;stroke:var(--on-dark);stroke-width:2.5}
.sp-fluss{fill:none;stroke:rgba(233,230,240,.16);stroke-width:1.5}
.sp-see{fill:rgba(233,230,240,.1)}
.sp-rahmen{fill:none;stroke:rgba(233,230,240,.4);stroke-width:1.5;stroke-dasharray:5 5}
.sp-name{fill:var(--on-dark);font-family:var(--f-text);pointer-events:none}
.v-klein{display:none}
@media (max-width:760px){.v-gross{display:none}.v-klein{display:block}}
#sp-tip{position:fixed;z-index:60;width:min(340px,calc(100vw - 32px));background:var(--mist-warm);color:var(--on-light);border:var(--stroke) solid var(--on-light);padding:12px 14px;pointer-events:none;display:none}
#sp-tip.an{display:block}
#sp-tip b{display:block;font-weight:600;font-size:1.1rem;line-height:1.25}
#sp-tip .m{font:400 .78rem/1.5 var(--f-data);color:var(--on-light-mute);margin-bottom:8px}
#sp-tip blockquote{margin:0 0 8px;font-style:italic;font-size:.95rem;line-height:1.4}
#sp-tip blockquote:last-child{margin-bottom:0}
#sp-tip cite{display:block;font:400 .75rem/1.5 var(--f-data);color:var(--accent-light)}
@media (max-width:760px){#sp-tip{left:16px!important;right:16px;top:auto!important;bottom:16px;width:auto}}
.sp-text{max-width:860px}
.sp-text p{color:var(--on-light-mute)}
.sp-schritte{list-style:none;counter-reset:s;margin:24px 0 0;padding:0;display:grid;gap:22px}
.sp-schritte li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;border-top:var(--stroke) solid var(--on-light);padding-top:12px}
.sp-schritte li::before{content:counter(s);font:500 1.1rem/1.3 var(--f-data);color:var(--accent-light);grid-row:span 2}
.sp-schritte h3{margin:0 0 4px}.sp-schritte p{margin:0}
.sp-mess{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:18px}
.sp-mess li{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:16px;border-top:var(--stroke) solid var(--on-light);padding-top:12px}
.sp-mess b{font:500 1.3rem/1.2 var(--f-data);color:var(--accent-light)}
.sp-mess span{color:var(--on-light-mute)}
@media (max-width:640px){.sp-mess li{grid-template-columns:1fr;gap:4px}}
.sp-liste{margin:14px 0 0;padding-left:20px;color:var(--on-light-mute)}
.sp-liste li{margin-bottom:8px}
.sp-quelle{margin-top:32px;font-size:.85rem;color:var(--on-dark-mute);max-width:70ch}
.sp-quelle a{color:var(--on-dark-mute);text-decoration-color:var(--accent-dark)}
.sp-km-k{fill:var(--accent-dark)}.sp-km-s{fill:var(--accent-dark);fill-opacity:.32}
.sp-legende .k,.sp-legende .s{border-radius:0;background:var(--accent-dark)}.sp-legende .s{opacity:.32}
.sp-cap{margin:10px 0 0;color:var(--on-dark-mute);font-size:.9rem;max-width:70ch}