/* Wissen pages. Colours come from the homepage tokens of the active design (dark v1, light, v3). */
body.theme-dark,body.theme-light{--w-bg:var(--black);--w-fg:var(--silver-hi);--w-mut:var(--silver-lo);--w-line:var(--line);--w-card:var(--panel);--w-acc:var(--green);--w-acc-text:var(--green);--w-acc-ink:#000}
body.theme-light{--w-acc-text:var(--green-text)}
body.theme-v3{--w-bg:var(--paper);--w-fg:var(--ink);--w-mut:#444;--w-line:rgba(0,0,0,.16);--w-card:#fff;--w-acc:var(--green);--w-acc-text:var(--ultra);--w-acc-ink:var(--ink)}
body.wissen{background:var(--w-bg);color:var(--w-fg)}
body.theme-v3.wissen{font-family:var(--display)}

.w-main{padding:130px 0 110px}
.w-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.w-art{max-width:740px}
.w-crumbs{font-size:13px;color:var(--w-mut);margin-bottom:26px}
.w-crumbs a{color:var(--w-mut)}
.w-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--w-acc-text);margin-bottom:14px}
.wissen h1{font-size:clamp(30px,4.4vw,52px);line-height:1.08;margin:0 0 18px;color:var(--w-fg)}
body.theme-v3 .wissen h1,body.theme-v3.wissen h1{font-weight:900;font-stretch:62%;text-transform:uppercase;line-height:.92;font-size:clamp(44px,6.4vw,84px)}
.w-meta{font-size:13px;color:var(--w-mut);margin-bottom:30px}
.w-answer{font-size:19px;line-height:1.55;padding:22px 24px;border-left:4px solid var(--w-acc);background:var(--w-card);margin:0 0 40px}
.w-answer b{color:var(--w-acc-text)}

.w-body{font-size:17px;line-height:1.75;color:var(--w-fg)}
.w-body h2,.w-faq h2,.w-cta h2,.w-src h2,.w-more h2{text-transform:none;font-stretch:100%;letter-spacing:0;font-size:26px;line-height:1.25;margin:48px 0 16px;font-weight:800;scroll-margin-top:100px}
.w-body h3{text-transform:none;font-stretch:100%;letter-spacing:0;font-size:19px;margin:30px 0 10px}
.w-body p,.w-body ul,.w-body ol{margin:0 0 18px}
.w-body ul,.w-body ol{padding-left:22px}
.w-body li{margin-bottom:8px}
.w-body a{color:var(--w-acc-text);text-underline-offset:3px}
.w-body strong{font-weight:700}
.w-table{overflow-x:auto;margin:6px 0 26px;border:1px solid var(--w-line)}
.w-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}
.w-table th,.w-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--w-line);vertical-align:top}
.w-table th{background:var(--w-card);font-weight:700}
.w-table tr:last-child td{border-bottom:0}

.w-faq details{border-bottom:1px solid var(--w-line)}
.w-faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-weight:700;font-size:17px;position:relative}
.w-faq summary::-webkit-details-marker{display:none}
.w-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:22px;color:var(--w-acc-text)}
.w-faq details[open] summary::after{content:"–"}
.w-faq p{margin:0 0 18px;color:var(--w-mut);font-size:16px;line-height:1.7}

.w-cta{margin:56px 0 0;padding:34px 30px;background:var(--w-acc);color:var(--w-acc-ink)}
.w-cta h2{margin:0 0 10px;color:var(--w-acc-ink)}
.w-cta p{margin:0 0 20px;font-size:16px}
.w-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:#0b0b0b;color:var(--green);border:0}
.w-src{margin-top:48px;font-size:14px;color:var(--w-mut)}
.w-src ol{padding-left:20px}
.w-src li{margin-bottom:6px;overflow-wrap:anywhere}
.w-src a{color:var(--w-mut)}
.w-more{margin-top:40px;font-size:16px}
.w-more ul{padding-left:20px;margin-bottom:14px}
.w-more li{margin-bottom:8px}
.w-more a{color:var(--w-acc-text)}

.w-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}
.w-toc{border:1px solid var(--w-line);padding:20px 22px;font-size:14px}
.w-toc b{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--w-mut);margin-bottom:10px}
.w-toc ol{padding-left:18px;margin:0}
.w-toc li{margin-bottom:8px}
.w-toc a{color:var(--w-fg);text-decoration:none}
.w-toc a:hover{color:var(--w-acc-text)}
.w-author{border:1px solid var(--w-line);background:var(--w-card);padding:20px 22px;font-size:14px}
.w-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 20%;float:left;margin:0 14px 10px 0}
.w-author b{display:block;font-size:17px;margin-top:10px}
.w-author small{display:block;color:var(--w-mut);font-size:12px;line-height:1.4}
.w-author p{clear:both;margin:10px 0 16px;color:var(--w-mut);line-height:1.6}
.w-author .w-btn{width:100%}

.w-lede{font-size:19px;max-width:700px;color:var(--w-mut);margin:0 0 44px;line-height:1.6}
.w-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.w-card{display:flex;flex-direction:column;gap:10px;padding:28px 26px;border:1px solid var(--w-line);background:var(--w-card);color:var(--w-fg);text-decoration:none;transition:border-color .2s}
.w-card h2{text-transform:none;font-stretch:100%;letter-spacing:0;font-size:22px;line-height:1.25;margin:0}
.w-card p{font-size:15px;line-height:1.6;color:var(--w-mut);margin:0}
.w-card small{margin-top:auto;font-size:12px;color:var(--w-mut)}
.w-card:hover{border-color:var(--w-acc)}

@media(max-width:980px){
  .w-wrap{grid-template-columns:1fr;gap:40px}
  .w-side{position:static}
  .w-toc{display:none}
  .w-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .w-main{padding:100px 0 80px}
  .w-answer{font-size:17px;padding:18px}
  .w-body{font-size:16px}
}