main:has(> .coverit-content [class*="frame-type-blog_"]) .coverit-intro { max-width:none; padding-block:48px 32px; }
.coverit-blog-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; grid-auto-rows:1fr; }
.coverit-blog-card { min-width:0; display:flex; flex-direction:column; border:1px solid var(--coverit-border); }
.coverit-blog-card img { display:block; width:100%; height:280px; object-fit:cover; }
.coverit-blog-card__copy { display:flex; flex:1; flex-direction:column; justify-content:space-between; gap:16px; padding:20px; }
.coverit-blog-card__copy p { margin:8px 0 0; }
.coverit-blog-card h2 { margin:0; font-size:clamp(18px,1.4vw,22px); font-style:italic; font-weight:600; line-height:1.3; border:0; padding:0; }
.coverit-blog-card h2 a { color:var(--coverit-accent); text-decoration:none; }
.coverit-blog-card__read { font:600 16px/1.25 Montserrat,sans-serif; display:flex; justify-content:center; align-items:center; gap:20px; border:1px solid var(--coverit-border); padding:20px 18px; color:var(--coverit-muted); text-decoration:none; }
.coverit-blog-card__read:hover { background:var(--coverit-muted); color:var(--coverit-background); }
@media(max-width:1024px) { main:has(> .coverit-content [class*="frame-type-blog_"]) .coverit-intro { padding-top:40px; } .coverit-blog-overview { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { main:has(> .coverit-content [class*="frame-type-blog_"]) .coverit-intro { padding-block:36px 28px; } .coverit-blog-card img { height:240px; } .coverit-blog-card__copy { padding:16px; } .coverit-blog-card__read { padding:16px 12px; font-size:14px; } .coverit-blog-overview { grid-template-columns:1fr; } }

.coverit-blog-card__read svg { width:14px; height:16px; fill:currentColor; }


.coverit-article .coverit-content > .frame { padding:0; border:0; }
.coverit-article .ce-gallery,.coverit-article .ce-gallery img { width:100%; }
.coverit-article .ce-gallery figure { margin:0; }
.coverit-article .ce-bodytext p { margin:0 0 1.75em; }
.coverit-article .ce-bodytext h2 { border:0; padding:0; margin:1.5em 0 calc(.3em + 10px); }

.coverit-blog-card:focus-within, .coverit-blog-card:hover { border-color:var(--coverit-accent); }
.coverit-blog-card__copy { overflow-wrap:anywhere; }

/* EXT:blog lists, metadata and pagination in the shared COVER:BLOG card language. */
.coverit-blog-card__copy .coverit-blog-card__date { margin:8px 0 0; color:var(--coverit-muted); font-size:15px; }
.coverit-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin:0 0 24px; color:var(--coverit-muted); }
.coverit-article-meta p, .coverit-article-meta ul { margin:0; }
/* The title band sets the h1 margin to 0 at line-height < 1, so the last title line's glyph box ran into the meta row. */
.coverit-page-heading > h1 + .coverit-article-meta { margin-top:12px; }
.coverit-article-meta ul, .coverit-blog-terms { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; }
.coverit-blog-terms { gap:12px; margin:0; }
.coverit-article-meta li a, .coverit-blog-terms a, .coverit-blog-pagination a, .coverit-blog-pagination [aria-current] { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; min-width:44px; box-sizing:border-box; padding:0 16px; border:1px solid var(--coverit-border); color:var(--coverit-muted); font-weight:600; text-decoration:none; }
.coverit-article-meta li a { min-height:36px; padding:0 12px; }
.coverit-article-meta a:hover, .coverit-blog-terms a:hover, .coverit-blog-pagination a:hover { border-color:var(--coverit-accent); color:var(--coverit-accent); }
.coverit-article-meta a:focus-visible, .coverit-blog-terms a:focus-visible, .coverit-blog-pagination a:focus-visible, .coverit-blog-feed a:focus-visible { outline:2px solid var(--coverit-accent); outline-offset:2px; }
.coverit-blog-heading { margin:0 0 24px; }
.coverit-blog-heading h2, .coverit-blog-archive h2 { margin:0; padding:0; border:0; }
.coverit-blog-heading p { margin:8px 0 0; }
.coverit-blog-overview h3 { margin:0; font-size:clamp(18px,1.4vw,22px); font-style:italic; font-weight:600; line-height:1.3; }
.coverit-blog-overview h3 a { color:var(--coverit-accent); text-decoration:none; }
.coverit-blog-archive { display:grid; gap:32px; }
.coverit-blog-archive h2 { margin-bottom:16px; }
.coverit-blog-archive h2 a { color:inherit; text-decoration:none; }
.coverit-blog-archive h2 a:hover { color:var(--coverit-accent); }
.coverit-blog-terms a span { font-weight:400; }
.coverit-blog-pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:32px 0 0; padding:0; list-style:none; }
.coverit-blog-pagination [aria-current] { background:var(--coverit-muted); color:var(--coverit-background); }
.coverit-blog-feed { margin:32px 0 0; }
.coverit-blog-feed a { color:var(--coverit-muted); }
.coverit-blog-feed a:hover { color:var(--coverit-accent); }
.coverit-blog-empty { margin:0; }
/* Menu band (31.10.2026): campaigns and latest posts as an endless running line, see DESIGN.md "Menüband". blog.js turns the sideways scrolling list into an automatic run that visitors can swipe, drag, step with the arrows and pause. Without script or with reduced motion nothing runs by itself. */
.site-menu { --band-bleed-start: 42px; --band-bleed-end: 42px; container-type: inline-size; }
.coverit-blog-ticker { --band-speed-factor: 1; display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"label viewport controls"; align-items:stretch; min-width:0; margin-inline:calc(-1 * var(--band-bleed-start)) calc(-1 * var(--band-bleed-end)); border-block:1px solid var(--coverit-line); color:var(--coverit-copy); }
.coverit-blog-ticker[data-speed="slow"] { --band-speed-factor: .6; }
.coverit-blog-ticker[data-speed="fast"] { --band-speed-factor: 1.7; }
.coverit-blog-ticker__label { grid-area:label; display:flex; align-items:center; margin:0; padding-inline:20px; border-inline-end:1px solid var(--coverit-line); color:var(--coverit-accent); font-size:14px; font-weight:700; letter-spacing:.14em; line-height:1.2; text-transform:uppercase; white-space:nowrap; }
.coverit-blog-ticker__viewport { grid-area:viewport; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:var(--coverit-line) transparent; }
.coverit-blog-ticker__rail { display:flex; width:max-content; }
.coverit-blog-ticker__list { display:flex; flex:none; margin:0; padding:0; list-style:none; }
.coverit-blog-ticker__item { display:flex; flex:none; border-inline-end:1px solid var(--coverit-line); }
.coverit-blog-ticker__link { display:flex; align-items:center; gap:14px; min-height:60px; padding:0 28px; color:inherit; font-size:18px; font-weight:600; line-height:1.3; text-decoration:none; white-space:nowrap; cursor:pointer; }
.coverit-blog-ticker__link::after { content:""; flex:none; width:18px; height:18px; background:currentColor; mask:var(--band-arrow) center / contain no-repeat; transition:transform var(--coverit-hover-duration); }
.coverit-blog-ticker__link { --band-arrow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2011h13.2l-5-5%201.4-1.4L21%2012l-7.4%207.4-1.4-1.4%205-5H4z%22%2F%3E%3C%2Fsvg%3E"); }
.coverit-blog-ticker__link:hover, .coverit-blog-ticker__link:focus-visible { color:var(--coverit-accent); }
.coverit-blog-ticker__link:hover .coverit-blog-ticker__title, .coverit-blog-ticker__link:focus-visible .coverit-blog-ticker__title { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.3em; }
.coverit-blog-ticker__link:hover::after, .coverit-blog-ticker__link:focus-visible::after { transform:translateX(4px); }
.coverit-blog-ticker__link:focus-visible { outline-offset:-4px; }
.coverit-blog-ticker__kind { flex:none; padding:4px 9px; border:1px solid currentColor; color:inherit; font-size:12px; font-weight:700; letter-spacing:.12em; line-height:1.2; text-transform:uppercase; }
.coverit-blog-ticker__item--blog .coverit-blog-ticker__kind { color:var(--coverit-copy); }
.coverit-blog-ticker__item--blog .coverit-blog-ticker__link:hover .coverit-blog-ticker__kind, .coverit-blog-ticker__item--blog .coverit-blog-ticker__link:focus-visible .coverit-blog-ticker__kind { color:inherit; }
/* Campaigns: the whole entry is filled with accent and carries dark text (7.7:1 on the default colours); hover and focus invert it. */
.coverit-blog-ticker__item--campaign { background:var(--coverit-accent); color:var(--coverit-background); }
.coverit-blog-ticker__item--campaign .coverit-blog-ticker__link { color:inherit; }
.coverit-blog-ticker__item--campaign .coverit-blog-ticker__link:hover, .coverit-blog-ticker__item--campaign .coverit-blog-ticker__link:focus-visible { background:var(--coverit-background); color:var(--coverit-accent); }
.coverit-blog-ticker__controls { grid-area:controls; display:flex; border-inline-start:1px solid var(--coverit-line); }
.coverit-blog-ticker__step, .coverit-blog-ticker__pause { display:grid; flex:none; place-content:center; width:52px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; }
.coverit-blog-ticker__step + .coverit-blog-ticker__step, .coverit-blog-ticker__pause { border-inline-start:1px solid var(--coverit-line); }
.coverit-blog-ticker__step:hover, .coverit-blog-ticker__pause:hover { color:var(--coverit-accent); }
.coverit-blog-ticker__step:focus-visible, .coverit-blog-ticker__pause:focus-visible { outline-offset:-4px; }
.coverit-blog-ticker__step:disabled { color:var(--coverit-line); cursor:default; }
.coverit-blog-ticker__step-icon { width:20px; height:20px; background:currentColor; mask:var(--band-arrow) center / contain no-repeat; }
.coverit-blog-ticker__step-icon--previous { transform:scaleX(-1); }
.coverit-blog-ticker__controls { --band-arrow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2011h13.2l-5-5%201.4-1.4L21%2012l-7.4%207.4-1.4-1.4%205-5H4z%22%2F%3E%3C%2Fsvg%3E"); }
.coverit-blog-ticker__pause-icon { width:16px; height:18px; background:linear-gradient(90deg,currentColor 0 36%,transparent 36% 64%,currentColor 64%); }
.coverit-blog-ticker[data-paused] .coverit-blog-ticker__pause-icon { background:currentColor; clip-path:polygon(0 0,100% 50%,0 100%); }
.coverit-blog-ticker[data-enhanced] .coverit-blog-ticker__viewport { scrollbar-width:none; user-select:none; -webkit-user-select:none; }
@media(hover:hover) and (pointer:fine) { .coverit-blog-ticker[data-enhanced] .coverit-blog-ticker__viewport { cursor:grab; } .coverit-blog-ticker[data-dragging], .coverit-blog-ticker[data-dragging] * { cursor:grabbing !important; } }
@media(min-width:1025px) { .site-menu { --band-bleed-start: calc(9.5cqw + 10px); --band-bleed-end: calc(5cqw + 10px); } .coverit-blog-ticker__link { font-size:20px; } }
/* Phones: one single row (user decision 02.11.2026). The label stays for screen readers only; entries and the three controls share the row. */
@media(max-width:767px) { .site-menu { --band-bleed-start: 30px; --band-bleed-end: 30px; } .coverit-blog-ticker { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"viewport controls"; } .coverit-blog-ticker__label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } .coverit-blog-ticker__link { gap:10px; min-height:52px; padding:0 16px; font-size:16px; } .coverit-blog-ticker__step, .coverit-blog-ticker__pause { width:44px; } }