/* Ratgeber-Seiten (Artikel + Übersicht) */
.wrap-s{width:min(780px,100% - 2.5rem);margin-inline:auto}
.a-draft{margin:0;padding:.7rem 1rem;background:#fff3a3;color:#4a3b00;text-align:center;font-weight:700;font-size:.9rem}
.article{padding-block:clamp(2.5rem,6vw,5rem) clamp(2rem,4vw,3rem)}
.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:1.4rem}
.crumbs a{color:var(--teal);text-decoration:none;font-weight:600}
.crumbs a:hover{text-decoration:underline}
.a-head h1{font-size:clamp(2rem,4.8vw,3.4rem);margin-bottom:1rem}
.a-meta{color:var(--muted);font-size:.95rem;margin:0 0 2rem}
.a-hero{width:min(1100px,100% - 2.5rem);margin:0 auto 2.5rem}
.a-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-xl)}
.a-body{font-size:1.1rem;line-height:1.75}
.a-body h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:2.6rem 0 1rem;scroll-margin-top:90px}
.a-body h3{font-size:1.25rem;margin:2rem 0 .7rem}
.a-body ul,.a-body ol{margin:0 0 1.2rem;padding-left:1.4rem;list-style:revert}
.a-body li{margin-bottom:.4rem}
.a-body a{font-weight:600}
.tip{margin:1.6rem 0;padding:1.1rem 1.3rem;border-radius:var(--r-md);background:var(--sand);border:1px solid var(--line);color:var(--night);font-size:1.02rem}
.a-img{margin:2rem 0}
.a-img img{width:100%;border-radius:var(--r-lg)}
.a-img figcaption{font-size:.9rem;color:var(--muted);margin-top:.5rem}
.a-faq{margin-top:1rem}
.sub .a-cta{margin-top:3rem;padding:clamp(3rem,6vw,5rem) 0;background:var(--night);color:var(--on-dark);text-align:center}
.a-cta h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:.8rem}
.a-cta p{color:var(--on-dark-muted);margin-bottom:1.6rem}
.sub .a-rel{padding:clamp(3rem,6vw,5rem) 0;background:var(--sand)}
.a-rel h2{font-size:1.7rem;margin-bottom:1.4rem}
.a-rel ul{display:grid;gap:.9rem}
.a-rel a{display:block;padding:1.1rem 1.3rem;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--text)}
.a-rel a b{display:block;color:var(--night);font:700 1.1rem var(--head)}
.a-rel a span{color:var(--muted);font-size:.95rem}
.sub .r-head{background:var(--night);color:var(--on-dark);padding:clamp(3.5rem,8vw,6rem) 0}
.r-head h1{color:#fff;font-size:clamp(2.1rem,5vw,3.6rem);max-width:18ch}
.r-head .lead{max-width:40em}
.sub .r-list{padding-block:clamp(3rem,6vw,5rem)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.cards a{display:flex;flex-direction:column;height:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.cards a:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(10,42,51,.5)}
.cards img{width:100%;aspect-ratio:16/10;object-fit:cover}
.c-body{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1.4rem 1.5rem}
.c-body b{font:700 1.2rem/1.25 var(--head);color:var(--night)}
.c-body span{color:var(--muted);font-size:.97rem}
.c-body small{color:var(--teal);font-weight:700}
.leer{padding:2rem;border-radius:var(--r-lg);background:var(--sand);color:var(--muted)}
.sub .site-footer{margin-top:0}

/* Tourseiten */
.sub .t-head{background:var(--night);color:var(--on-dark);padding:clamp(3rem,7vw,5.5rem) 0 clamp(5rem,9vw,8rem)}
.crumbs.on-dark,.crumbs.on-dark a{color:var(--on-dark-muted)}
.t-head h1{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);margin-bottom:1.2rem}
.t-intro{font-size:1.2rem;color:var(--on-dark);max-width:36em;margin-bottom:1.8rem}
.t-hero{margin-top:calc(-1 * clamp(3rem,6vw,5rem));position:relative;z-index:1}
.t-hero img{box-shadow:0 30px 60px -30px rgba(6,29,36,.7)}
.t-body{padding:clamp(2.5rem,5vw,4rem) 0 0}
.t-h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:3rem 0 1.4rem}
.stops{display:grid;gap:1rem;counter-reset:none}
.stop{display:grid;grid-template-columns:44px 1fr;gap:.2rem 1.1rem;padding:1.2rem 1.3rem;border-radius:var(--r-lg);background:var(--sand);border:1px solid var(--line);align-items:start}
.stop-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--night);color:var(--orange);font:800 1.05rem var(--head)}
.stop-txt h3{font-size:1.25rem;margin-bottom:.3rem}
.stop-txt p{margin:0;color:var(--muted)}
.stop-img{grid-column:2;margin:.9rem 0 0}
.stop-img img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md)}
.stop-img.small{max-width:260px}
.stop-img.small img{aspect-ratio:auto}
.stop.opt{background:transparent;border-style:dashed}
.stop.opt .stop-n{background:transparent;border:2px dashed var(--orange);color:var(--orange)}
.stop.opt .stop-txt p{color:var(--text)}
@media (max-width:760px){.stop{grid-template-columns:36px 1fr;padding:1rem}.stop-n{width:36px;height:36px}}

/* Artikel mit Seitenleiste */
.a-layout{width:min(1160px,100% - 2.5rem);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
.a-main{min-width:0;max-width:760px}
.a-main .a-hero{width:100%;margin:0 0 2.2rem}
.a-side{display:grid;gap:1.4rem;align-content:start}
.a-toc{display:none}
.a-toc-m{margin:0 0 2rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--sand);padding:.2rem 1.1rem}
.a-toc-m summary{cursor:pointer;font:700 1rem var(--head);color:var(--night);padding:.8rem 0;min-height:44px}
.a-toc-m ol,.a-toc ol{counter-reset:t;display:grid;gap:.1rem;padding-bottom:.7rem}
.a-toc-m li,.a-toc li{counter-increment:t}
.a-toc-m a,.a-toc a{display:flex;gap:.6rem;padding:.45rem 0;color:var(--text);text-decoration:none;font-size:.97rem;line-height:1.35}
.a-toc-m a::before,.a-toc a::before{content:counter(t) ".";color:var(--teal);font-weight:700;min-width:1.4em}
.a-toc a:hover,.a-toc-m a:hover{color:var(--teal)}
.a-toc a{align-items:baseline}
.a-toc a[aria-current="true"]{color:var(--night);font-weight:700}
.a-side-h{font:700 .8rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.a-plan{border-radius:var(--r-lg);background:var(--night);color:var(--on-dark);padding:1.2rem;display:grid;gap:.8rem}
.a-plan-head{display:flex;align-items:center;gap:.9rem}
.a-plan-ph{flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--orange)}
.a-plan-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.85);transform-origin:26% 10%}
.a-plan h2{color:#fff;font-size:1.25rem;line-height:1.15}
.a-plan p{margin:0;color:var(--on-dark-muted);font-size:.97rem}
.a-plan-ch{display:grid;gap:.6rem}
.a-plan-ch a{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border-radius:var(--r-md);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font:700 1rem var(--head);min-height:52px;transition:background-color .3s,border-color .3s}
.a-plan-ch a:hover{background:rgba(255,255,255,.11);border-color:rgba(255,159,28,.7)}
.a-plan-ch small{display:block;font:600 .72rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}
.a-plan-ch a>span:last-child{min-width:0;overflow-wrap:anywhere}
.a-plan-ch .ch-ic{width:38px;height:38px}
.a-plan-ch .ch-ic svg{width:20px;height:20px}
.a-plan .btn{justify-self:stretch;justify-content:center}
@media (min-width:1000px){
  .a-layout{grid-template-columns:minmax(0,1fr) 340px;gap:clamp(2.5rem,5vw,4.5rem);align-items:start}
  .a-side{position:sticky;top:calc(var(--hdr) + 24px);max-height:calc(100svh - var(--hdr) - 40px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
  .a-toc{display:block;padding:1.1rem 1.2rem .4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--sand)}
  .a-toc-m{display:none}
}
@media (min-width:1000px) and (max-height:900px){.a-plan p{display:none}.a-toc a{padding:.3rem 0;font-size:.92rem}}
@media (min-width:1000px) and (max-height:900px){.a-toc a{white-space:nowrap;overflow:hidden}.a-toc a{display:block;text-overflow:ellipsis}.a-toc a::before{display:inline-block}}
@media (min-width:1000px) and (max-height:820px){
  .a-plan-ch{grid-template-columns:repeat(3,1fr)}
  .a-plan-ch a{justify-content:center;padding:.5rem}
  .a-plan-ch a>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .a-plan-ph{width:64px;height:64px}
}