/* Blog. Setzt auf basis.css auf, keine eigenen Farben. */
.artikel{max-width:720px;padding-top:56px;padding-bottom:80px}
.artikel h1{font-size:clamp(32px,4.4vw,48px);line-height:1.08;letter-spacing:-1.6px;margin-bottom:20px}
.artikel h2{font-size:clamp(24px,2.6vw,28px);line-height:1.25;letter-spacing:-.5px;margin:48px 0 14px}
.artikel h3{font-size:18px;line-height:1.38;letter-spacing:-.36px;margin:28px 0 8px}
.artikel p{margin:0 0 18px;font-size:16px;line-height:1.65;color:var(--body)}
.artikel .lead{font-size:19px;line-height:1.55;color:var(--ink)}
.artikel a{color:var(--brand);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--brand-muted)}
.artikel a:hover{text-decoration-color:var(--brand)}
.artikel strong{color:var(--ink);font-weight:500}
.artikel ol,.artikel ul{margin:0 0 18px;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.6}
.artikel li::marker{color:var(--ash);font-family:var(--mono);font-size:13px}
.artikel code{font-family:var(--mono);font-size:13px;background:var(--elevated);border:1px solid var(--hairline);padding:1px 6px;border-radius:var(--r-xs);color:var(--ink)}

.kopf-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 32px;padding-bottom:20px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ash)}

.tabelle{overflow-x:auto;margin:0 0 20px;border:1px solid var(--hairline);border-radius:var(--r-lg)}
.tabelle table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.tabelle th,.tabelle td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--hairline-soft);vertical-align:top}
.tabelle th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:500;white-space:nowrap;background:var(--elevated)}
.tabelle tr:last-child td{border-bottom:0}
.tabelle code{background:none;border:0;padding:0;color:var(--body)}
.urteil{font-family:var(--mono);font-size:12px;white-space:nowrap}
.urteil-fund{color:var(--fund)}
.urteil-ok{color:var(--ok)}

.hinweis{background:var(--surface);border:1px solid var(--hairline);border-left:2px solid var(--brand);border-radius:var(--r-lg);padding:20px 22px;margin:0 0 20px}
.hinweis p{margin:0;font-size:15px}

.artikel-cta{border:1px solid var(--hairline-strong);background:var(--elevated);border-radius:var(--r-lg);padding:28px;margin:48px 0}
.artikel-cta h2{margin:10px 0 12px;font-size:24px;letter-spacing:-.24px}
.artikel-cta p{font-size:15px;margin-bottom:20px}

.quellen{margin-top:48px;padding-top:24px;border-top:1px solid var(--hairline)}
.quellen h2{font-size:14px!important;margin:0 0 12px!important;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:500}
.quellen ul{gap:8px}
.quellen li{font-size:13px;line-height:1.5;color:var(--ash)}
.abgrenzung{margin-top:32px;padding-top:20px;border-top:1px solid var(--hairline);font-size:12px;line-height:1.6;color:var(--ash)}

/* Blogübersicht */
.liste{display:flex;flex-direction:column;gap:0;margin-top:8px}
.liste a{display:grid;grid-template-columns:1fr;gap:6px;padding:24px 0;border-top:1px solid var(--hairline);text-decoration:none}
.liste a:last-child{border-bottom:1px solid var(--hairline)}
.liste-titel{display:block;font-size:20px;line-height:1.3;letter-spacing:-.36px;color:var(--ink);font-weight:500}
.liste a:hover .liste-titel{color:var(--brand)}
.liste-text{display:block;margin-top:8px;font-size:15px;line-height:1.55;color:var(--mute);max-width:62ch}
.liste-datum{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ash)}
@media(min-width:800px){.liste a{grid-template-columns:120px 1fr;gap:24px;align-items:baseline}}