/* Ratgeber (Artikel + Übersicht) und Rechtsseiten */
.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);background:var(--paper);color:var(--ink)}
.crumbs{font-size:.92rem;color:var(--ink-2);margin-bottom:1.4rem}
.crumbs a{color:var(--red-deep);text-decoration:none;font-weight:600}
.crumbs a:hover{text-decoration:underline}
.a-head h1{font-size:clamp(2.4rem,6vw,4.2rem);color:var(--ink);margin-bottom:1rem}
.a-meta{color:var(--ink-2);font-size:.95rem;margin:0 0 2rem}
.a-body{font-size:1.12rem;line-height:1.75;color:var(--ink)}
.a-body h2{font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--ink);margin:2.6rem 0 1rem;scroll-margin-top:90px}
.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{color:var(--red-deep);font-weight:600}
.tip{margin:1.6rem 0;padding:1.1rem 1.3rem;border-radius:14px;background:var(--paper-2);border-left:4px solid var(--red);font-size:1.02rem}
.a-toc{margin:0 0 2rem;padding:1rem 1.3rem;border-radius:14px;background:var(--paper-2)}
.a-toc ol{list-style:none;padding:0;margin:.4rem 0 0;counter-reset:t}
.a-toc li{counter-increment:t;margin:0}
.a-toc a{display:flex;gap:.6rem;padding:.4rem 0;text-decoration:none;color:var(--ink);font-weight:500}
.a-toc a::before{content:counter(t) ".";color:var(--red-deep);font-weight:700;min-width:1.4em}
.a-faq details{background:#fff;border-color:rgba(18,23,31,.15)}
.a-faq summary{color:var(--ink)}
.a-faq details p{color:var(--ink-2)}
.a-faq summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%2312171f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");border-color:rgba(18,23,31,.2)}
.a-cta{padding:clamp(3rem,6vw,5rem) 0;background:var(--night);color:var(--on-dark);text-align:center}
.a-cta h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:.8rem}
.a-cta p{color:var(--on-dark-2);margin-bottom:1.6rem}
.a-rel{padding:clamp(3rem,6vw,5rem) 0;background:var(--paper-2);color:var(--ink)}
.a-rel h2{font-size:2rem;color:var(--ink);margin-bottom:1.4rem}
.a-rel ul{display:grid;gap:.9rem}
.a-rel a{display:block;padding:1.1rem 1.3rem;border-radius:14px;background:var(--paper);border:1px solid rgba(18,23,31,.12);text-decoration:none;color:var(--ink)}
.a-rel a b{display:block;font:800 italic 1.4rem/1.1 var(--head);text-transform:uppercase}
.a-rel a span{color:var(--ink-2);font-size:.95rem}
.r-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.2rem}
.r-cards a{display:flex;flex-direction:column;height:100%;border-radius:var(--r);background:#fff;border:1px solid rgba(18,23,31,.12);text-decoration:none;color:var(--ink);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.r-cards a:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(18,23,31,.5)}
.c-body{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.5rem 1.6rem}
.c-body b{font:800 italic 1.6rem/1.05 var(--head);text-transform:uppercase}
.c-body span{color:var(--ink-2);font-size:.98rem}
.c-body small{color:var(--red-deep);font-weight:700}
.r-cards.dark a{background:var(--night-2);border-color:var(--line);color:var(--on-dark)}
.r-cards.dark .c-body span{color:var(--on-dark-2)}
.leer{padding:2rem;border-radius:var(--r);background:var(--paper-2);color:var(--ink-2)}
.ph-box{padding:1rem 1.2rem;border-radius:12px;background:#fff3a3;color:#4a3b00}
/* Rechtsseiten */
.rechts{background:var(--paper);color:var(--ink)}
.rechts h1{color:var(--ink)}
.rechts h2{font-size:1.7rem;color:var(--ink);margin:2rem 0 .6rem}
.rechts a{color:var(--red-deep)}
.rechts p{line-height:1.7}

.liedtext{margin:1rem 0 2rem;padding:1.4rem 1.6rem;border-left:4px solid var(--red);background:var(--paper-2);border-radius:0 14px 14px 0}
.liedtext p{margin:0 0 1.2rem;line-height:1.7}
.liedtext p:last-child{margin-bottom:0}