/* Abgestimmtes Journalformat, lokale Vorschau 08.11.2026. */
.album-cover{position:relative}
.album-ai-label{position:absolute;right:7px;bottom:7px;padding:2px 5px;border-radius:3px;background:rgba(11,34,55,.9);color:#dedede;font:11px/16px Arial,Helvetica,sans-serif;pointer-events:none}
#blog-grid,#blog>.grid{max-width:1120px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.story-card.journal-card{padding:0;display:flex;flex-direction:column;min-width:0;width:100%;height:auto;min-height:0;align-self:start;overflow:hidden;container-type:inline-size;background:#214966;border:1px solid #527a95;border-radius:10px;color:#e1effb}
.journal-card-media{position:relative;width:100%;aspect-ratio:16/9;margin:0;background:#132f49;overflow:hidden}
.journal-card-media>a{position:absolute;inset:0;display:block}
.journal-card-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.journal-card-copy{display:grid;grid-template-rows:var(--journal-label-height,max-content) var(--journal-title-height,max-content) var(--journal-teaser-height,max-content) var(--journal-caption-height,max-content) max-content;gap:7px;padding:12px 12px 7px;min-width:0}
.journal-card-copy>p,.journal-card-copy>h3,.journal-card-copy>span{margin:0}
.journal-card-label{font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.3px;color:#f0cf9a}
.story-card .journal-card-title{width:100%;font-size:clamp(18px,5.7cqi,21px);font-weight:500;line-height:1.22;letter-spacing:normal;overflow-wrap:break-word}
.journal-card-title>a{color:inherit;text-decoration:none}
.story-card .journal-card-teaser{width:100%;font-size:14px;line-height:1.45;color:#bed6e8;overflow-wrap:break-word}
.story-card .journal-card-caption{width:100%;font-size:12px;line-height:1.4;color:#bed6e8;white-space:nowrap}
.journal-card-copy>.journal-card-link{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:7px;width:100%;min-height:0;margin:0;padding:7px 0 0;border-top:1px solid #527a95;font:13px/20px Arial,Helvetica,sans-serif;color:#e1effb;text-decoration:none}
.journal-card-link::after{content:"";position:absolute;inset:-8px 0 -7px}
.journal-card-copy>.journal-card-link>span{font:16px/20px Arial,Helvetica,sans-serif;flex-shrink:0}
.journal-card a:focus-visible{outline:3px solid #f0cf9a;outline-offset:-3px}
@media(max-width:979px){#blog-grid,#blog>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#blog-grid,#blog>.grid,.grid:has(.journal-card){grid-template-columns:1fr}}
@media print{.journal-card-copy{grid-template-rows:repeat(5,max-content)}.story-card .journal-card-caption{white-space:normal}}