/* Welt: Blog – Notizbuch-Look, ruhig und lesefreundlich (02.10.2026) */
.bl-main { background: var(--w-bg); color: var(--w-fg); }
.bl-hero h1 { font-style: italic; }
.bl-list { list-style: none; margin: 0 0 48px; padding: 0; display: grid; gap: 28px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
.bl-card { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 26px 26px 22px; background: #f6f2ea; color: inherit; text-decoration: none;
  border-left: 3px solid var(--w-ac); box-shadow: 0 18px 40px -26px rgba(30,25,20,.5); transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.bl-card:hover, .bl-card:focus-visible { transform: translateY(-4px); box-shadow: 0 26px 50px -26px rgba(30,25,20,.6); }
.bl-pic { position: relative; display: block; margin: -26px -26px 8px; aspect-ratio: 16 / 10; overflow: hidden; }
.bl-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bl-pic .ki-badge, .bl-figure .ki-badge { position: absolute; top: 10px; right: 10px; }
.bl-date { font-family: var(--sans); font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: var(--w-ac); margin: 0; }
.bl-title { font-size: 1.5rem; line-height: 1.2; font-style: italic; }
.bl-teaser { opacity: .85; line-height: 1.55; }
.bl-more { margin-top: auto; font-family: var(--sans); font-size: .85rem; letter-spacing: .08em; color: var(--w-ac); }

.bl-article { width: min(720px, 100% - 2 * var(--gutter)); margin: 0 auto; padding: 140px 0 80px; }
.bl-back { font-family: var(--sans); font-size: .85rem; color: var(--w-ac); text-decoration: none; }
.bl-head h1 { font-style: italic; font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 1.08; margin: .3rem 0 .8rem; }
.bl-lead { font-size: 1.2rem; line-height: 1.55; opacity: .85; margin: 0 0 32px; }
.bl-figure { position: relative; margin: 0 0 32px; }
.bl-figure img { width: 100%; height: auto; display: block; }
.bl-figure figcaption { font-family: var(--sans); font-size: .8rem; opacity: .75; margin-top: 8px; }
.bl-text p { font-size: 1.12rem; line-height: 1.75; margin: 0 0 1.2em; }
.bl-text p:first-child::first-letter { float: left; font-size: 3.4em; line-height: .9; padding: .06em .08em 0 0; font-style: italic; color: var(--w-ac); }
.bl-ki { font-family: var(--sans); font-size: .82rem; opacity: .75; margin: 28px 0 0; }
.bl-sign { font-family: "Bradley Hand", "Segoe Print", "Ink Free", cursive; font-size: 1.8rem; color: var(--w-ac); margin: 24px 0 40px; }
.bl-pager { justify-content: space-between; }