/* Ergänzungen für die bestehenden Anlass-Kacheln und redaktionellen Unterseiten. */
#uebergaenge{scroll-margin-top:100px}
#uebergaenge a.transition{color:var(--ink);text-decoration:none;gap:18px}
#uebergaenge a.transition strong::after{content:" →";white-space:nowrap;color:var(--orange)}
#uebergaenge a.transition:hover{background:var(--sage)}
#uebergaenge a.transition:hover strong{text-decoration:underline;text-underline-offset:4px}
#uebergaenge a.transition:focus-visible{outline:3px solid var(--orange);outline-offset:-5px}
.transition-article .knowledge-hero h1{overflow-wrap:break-word;hyphens:auto}
.transition-article .knowledge-copy h2{font-size:clamp(28px,4.3vw,40px);line-height:1.12;scroll-margin-top:100px}
.transition-article .knowledge-copy section+section{margin-top:46px}
.transition-thoughts{margin:0 0 38px;padding:24px 26px;border-left:3px solid var(--orange);background:var(--bg)}
.transition-thoughts .eyebrow{margin:0 0 18px;color:var(--green2)}
.transition-thoughts ul{list-style:none;margin:0;padding:0}
.transition-thoughts li+li{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.transition-thoughts blockquote{margin:0}
.transition-thoughts blockquote p{margin:0;color:var(--ink);font-size:clamp(19px,2.2vw,23px);font-weight:600;line-height:1.4}
.transition-toc{padding:0 0 28px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.transition-toc ul{display:grid;gap:9px;margin:14px 0 0;padding-left:20px;font-size:15px}
.transition-toc li{padding-left:3px}
.transition-article .knowledge-copy li+li{margin-top:10px}
.transition-phases{padding-left:22px}
.transition-phases li{padding-left:5px}
.transition-product{padding:28px;border-top:3px solid var(--green2);background:#eef0e4}
.transition-product h2{margin-top:14px}
.transition-product .actions{gap:10px}
.transition-product .button{text-align:center;max-width:100%}
.transition-check-note{margin-bottom:0;font-size:15px}
.transition-related{margin-top:48px;padding-top:4px;border-top:1px solid var(--line)}
.transition-related ul{display:grid;gap:8px;padding-left:20px}
.transition-related>a{display:inline-block;margin-top:14px;font-size:15px}
.transition-article a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:620px){
 .transition-thoughts{padding:21px 19px}
 .transition-product{padding:24px 19px}
 .transition-product .actions{flex-direction:column;align-items:stretch}
 .transition-article .article-meta span+span:before{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}