/* Seitenregeln ratgeber-artikel-vorlage: weichen von der Basis ab. Erzeugt von build_css.py */
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar-head{padding: 48px 0 40px; background: var(--bg2); border-bottom: 1px solid var(--line);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar-head .h1{font-size: clamp(32px, 3.3vw, 46px); max-width: 22ch;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar-meta{display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; color: var(--muted); font-size: 15px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar-meta span{display: inline-flex; align-items: center; gap: 6px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar-meta .ic{width: 16px; height: 16px; color: var(--acc);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar{display: grid; grid-template-columns: 240px minmax(0, 720px); gap: 64px; justify-content: center; padding: 56px 40px 96px; max-width: 1240px; margin: 0 auto;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc{position: sticky; top: 24px; align-self: start;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc p{margin: 0 0 10px; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc ol{list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--line);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc a{display: block; padding: 7px 0 7px 14px; margin-left: -2px; border-left: 2px solid transparent; color: var(--muted); font-size: 15px; line-height: 1.35; text-decoration: none;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc a:hover{color: var(--text);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc a.on{border-left-color: var(--acc); color: var(--text); font-weight: 600;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .prose{font-size: 19px; line-height: 1.7;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .prose .intro{font-size: 21px; line-height: 1.6; margin-top: 0;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .prose h2{margin: 48px 0 0; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 26px; line-height: 1.2; text-transform: uppercase; scroll-margin-top: 24px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .prose p{margin: 16px 0 0;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .prose .tbl{margin-top: 24px; font-size: 16px; line-height: 1.45;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box{margin-top: 32px; padding: 26px 28px; border-radius: 14px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-cta{background: #28343E; color: #EEF2F5;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-cta .h3{color: #FFFFFF;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-cta p{color: #A9B8C4; font-size: 17px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-cta .btn-p{margin-top: 16px; background: #8ED973; border-color: #8ED973; color: #1F2C37;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-prod{border: 1px solid var(--line); background: var(--bg2); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-prod p{margin: 8px 0 0; font-size: 17px; color: var(--muted);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .srcs{margin-top: 40px; padding: 24px 28px; border: 1px solid var(--line); border-radius: 14px; font-size: 16px; line-height: 1.5;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .srcs ul{margin: 10px 0 0; padding-left: 18px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .author{display: flex; gap: 16px; align-items: center; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 16px; color: var(--muted);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .author img{width: 52px; height: 52px; border-radius: 50%; background: #FFFFFF; padding: 6px; border: 1px solid var(--line);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .author b{display: block; color: var(--text);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .disc{margin-top: 18px; font-size: 14px; color: var(--muted);}
body.vt:where(.vt-ratgeber-artikel-vorlage) .rel a{display: block; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--text); text-decoration: none; font-weight: 700; font-size: 19px; line-height: 1.3;}
@media (max-width: 1100px){
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar{grid-template-columns: minmax(0, 1fr); gap: 32px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .toc{position: static;}
}
@media (max-width: 720px){
body.vt:where(.vt-ratgeber-artikel-vorlage) .ar{padding: 40px 20px 72px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .prose{font-size: 18px;}
body.vt:where(.vt-ratgeber-artikel-vorlage) .box-prod{grid-template-columns: minmax(0, 1fr);}
}