/* ---------- ausgelagert aus <style> (news-artikel.html) ---------- */
.article { max-width: 820px; margin: 0 auto; padding: 64px 56px 40px; }
.article .kicker { font-family: var(--display); font-style: normal; font-weight: 800;
  text-transform: uppercase; font-size: 15px; letter-spacing: 0.02em; color: var(--red); }
.article h1 { font-family: var(--display); font-weight: 900; font-style: normal;
  text-transform: uppercase; font-size: clamp(38px, 6vw, 68px); line-height: 0.94;
  margin: 12px 0 0; color: var(--ink); letter-spacing: -0.005em; }
.article .photo { margin: 28px 0 8px; }
.article .photo img { display: block; width: 100%; max-height: 520px; object-fit: cover; background: var(--sand);
  border: 1px solid rgba(11,46,63,0.08); }
.article .photo figcaption { font-size: 13px; line-height: 1.5; color: rgba(11,46,63,0.6); margin-top: 8px; }
.article .lead { font-size: 20px; line-height: 1.55; color: var(--ink); font-weight: 500; margin: 26px 0 0; }
.article .body p, .article .body li, .article .body blockquote { font-size: 17px; line-height: 1.72; color: rgba(11,46,63,0.82); }
.article .body p { margin: 18px 0 0; }
.article .body ul, .article .body ol { margin: 18px 0 0; padding-left: 24px; }
.article .body blockquote { margin: 18px 0 0; padding-left: 18px; border-left: 3px solid var(--red); }
.article .body h2, .article .body h3, .article .body h4 { font-family: var(--display); font-weight: 900; font-style: normal;
  text-transform: uppercase; color: var(--ink); margin: 32px 0 0; line-height: 1.05; }
.article .body h2 { font-size: 30px; } .article .body h3 { font-size: 24px; } .article .body h4 { font-size: 20px; }
.article .body a { color: var(--red); }
.article .source { margin: 32px 0 0; font-size: 14px; color: rgba(11,46,63,0.6); }
.article .source a { color: var(--red); }
.article .backrow { margin: 40px 0 0; padding-top: 22px; border-top: 1px solid rgba(11,46,63,0.12); }
.article .back { font-family: var(--display); font-weight: 900; font-style: normal; text-transform: uppercase;
  font-size: 16px; color: var(--red); text-decoration: none; letter-spacing: 0.02em; }
.article .extlink { display: inline-block; margin-top: 18px; background: var(--red); color: #fff; text-decoration: none;
  font-family: var(--display); font-weight: 900; font-style: normal; font-size: 17px; padding: 14px 24px;
  text-transform: uppercase; letter-spacing: 0.02em; }
@media (max-width: 640px){ .article { padding: 40px 22px 32px; } .article .lead { font-size: 18px; } }